React Native で uuidv4 を使う手順

React Native で uuid を取得する手順を紹介します。

必要なライブラリをインストール

shell

npm i uuidv4 react-native-get-random-values

uuidv4 を import する前に react-native-get-random-values を import する

lib.ts

import 'react-native-get-random-values';
import { v4 as uuidv4 } from 'uuid';

参考

Cant use uuid4 in react-native

Stack Overflow

実際に使ってみる

Recoil の atom のデフォルト値に uuid を設定しています。

ReloadTaskState.ts

import 'react-native-get-random-values';
import { atom } from 'recoil';
import { v4 as uuidv4 } from 'uuid';

export const ReloadTaskState = atom({
  key: 'reloadTaskState',
  default: uuidv4(),
});