@react-navigation/core 7.22.1 → 7.24.0

package/src/useRegisterNavigator.tsx

@@ -1,4 +1,3 @@
-import { nanoid } from 'nanoid/non-secure';
 import * as React from 'react';
 
 import { SingleNavigatorContext } from './EnsureSingleNavigator';
@@ -8,7 +7,8 @@ import { SingleNavigatorContext } from './EnsureSingleNavigator';
  * This is used to prevent multiple navigators under a single container or screen.
  */
 export function useRegisterNavigator() {
-  const [key] = React.useState(() => nanoid());
+  const key = React.useId();
+
   const container = React.useContext(SingleNavigatorContext);
 
   if (container === undefined) {

package/src/useScheduleUpdate.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { NavigationBuilderContext } from './NavigationBuilderContext';
+import { useNavigationBuilderContext } from './NavigationBuilderContext';
 import { useClientLayoutEffect } from './useClientLayoutEffect';
 
 /**
@@ -12,9 +12,7 @@ import { useClientLayoutEffect } from './useClientLayoutEffect';
  * This lets nested updates be applied from the root down without clobbering each other.
  */
 export function useScheduleUpdate(callback: () => void) {
-  const { scheduleUpdate, flushUpdates } = React.useContext(
-    NavigationBuilderContext
-  );
+  const { scheduleUpdate, flushUpdates } = useNavigationBuilderContext();
 
   React.useInsertionEffect(() => {
     scheduleUpdate(callback);