はじめに

react-uuid の代替モジュールとして使える uuid について調べました。

react-uuidは非推奨

Reactの教材にあった $ npm install react-uuid を実行したところ、以下のようなWarningが出ました。

$ npm install react-uuid
npm WARN deprecated react-uuid@2.0.0: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

added 1 package, and audited 273 packages in 2s

97 packages are looking for funding
  run `npm fund` for details

調べてみますと、react-uuidはすでに廃止されているようでした。

uuidの使用

代わりに uuid の使用が推奨されているようですので、こちらを使用します。

$ npm install uuid

使用例

import { v4 as uuid } from "uuid";

const newItem = {
    id: uuid(),
    text: "newText",
};

終わりに

WarningであってErrorではないので、もしかしたらreact-uuidも使用できるかもしれないですが、uuidを使うに越したことはないと思います。