Fix warning regarding expo-random.

Author: jameswilddev

jest.ts

@@ -108,6 +108,14 @@ jest.mock(`expo-image-picker`, () => {
   };
 });
 
+jest.mock(`expo-crypto`, () => {
+  const uuid = jest.requireActual(`uuid`);
+
+  return {
+    randomUUID: () => uuid.v4(),
+  };
+});
+
 jest.mock(`expo-file-system`, () => {
   const uuid = jest.requireActual(`uuid`);
   const fs = jest.requireActual(`fs`);

package-lock.json

@@ -35,7 +35,8 @@
     "react": "17.0.2",
     "react-native": "0.66.4",
     "react-test-renderer": "17.0.2",
-    "typescript": "4.5.5"
+    "typescript": "4.5.5",
+    "uuid": "^9.0.0"
   },
   "peerDependencies": {
     "react": "*",
@@ -59,17 +60,16 @@
     "events": "3.3.0",
     "expo": "^48.0.0",
     "expo-constants": "^14.2.1",
+    "expo-crypto": "^12.2.1",
     "expo-file-system": "^15.2.2",
     "expo-image-picker": "^14.1.1",
     "expo-intent-launcher": "^10.5.2",
     "expo-media-library": "^15.2.2",
     "expo-permissions": "^14.1.1",
-    "expo-random": "^13.1.1",
     "expo-secure-store": "^12.1.1",
     "expo-standard-web-crypto": "^1.4.3",
     "filter-validate-email": "1.1.3",
     "react-native-gesture-handler": "^2.9.0",
-    "react-native-safe-area-context": "^4.5.0",
-    "uuid": "^8.3.2"
+    "react-native-safe-area-context": "^4.5.0"
   }
 }

package.json

@@ -6,7 +6,7 @@ all items in the stack are continuously rendered).
 ## Usage
 
 ```tsx
-import * as uuid from "uuid";
+import * as Crypto from "expo-crypto";
 import React from "react";
 import { Button, SafeAreaView, Text } from "react-native";
 import {
@@ -237,10 +237,10 @@ export default () => {
       <RoutingComponent
         routeState={routeState}
         pushA={() => {
-          setRouteState([ ...routeState, { uuid: uuid.v4(), key: `routeAKey`, parameters: null } ]);
+          setRouteState([ ...routeState, { uuid: Crypto.randomUUID(), key: `routeAKey`, parameters: null } ]);
         }}
         pushB={(value) => {
-          setRouteState([ ...routeState, { uuid: uuid.v4(), key: `routeBKey`, parameters: { value } } ]);
+          setRouteState([ ...routeState, { uuid: Crypto.randomUUID(), key: `routeBKey`, parameters: { value } } ]);
         }}
         pop={() => {
           setRouteState(routeState.slice(0, routeState.length - 1));

react-native/components/createStackRoutingComponent/readme.md

@@ -1,4 +1,4 @@
-import * as uuid from "uuid";
+import * as Crypto from "expo-crypto";
 import * as FileSystem from "expo-file-system";
 import type { FileStoreInterface } from "../../types/FileStoreInterface";
 
@@ -99,7 +99,7 @@ export class FileStore implements FileStoreInterface {
       try {
         this.operationsInProgress++;
 
-        const output = uuid.v4();
+        const output = Crypto.randomUUID();
 
         await FileSystem.moveAsync({
           from: fileUri,