@react-navigation/native 8.0.0-alpha.3 → 8.0.0-alpha.30

package/lib/typescript/src/useLinking.d.ts

@@ -1,58 +1,56 @@
 import { type NavigationContainerRef, type ParamListBase } from '@react-navigation/core';
 import * as React from 'react';
-import type { LinkingOptions } from './types';
-import type { Thenable } from './useThenable';
+import type { LinkingOptions } from './types.js';
+import type { Thenable } from './useThenable.js';
 /**
  * Run async function in series as it's called.
  */
 export declare const series: (cb: () => Promise<void>) => () => void;
-type Options = LinkingOptions<ParamListBase>;
-export declare function useLinking(ref: React.RefObject<NavigationContainerRef<ParamListBase> | null>, { enabled, config, getStateFromPath, getPathFromState, getActionFromState, }: Options): {
+export declare function useLinking<ParamList extends ParamListBase>(ref: React.RefObject<NavigationContainerRef<ParamList> | null>, { enabled, config, getStateFromPath, getPathFromState, getActionFromState, }: LinkingOptions<ParamList>): {
     getInitialState: () => Thenable<(Partial<Omit<Readonly<{
         key: string;
         index: number;
         routeNames: string[];
-        history?: unknown[];
+        history?: unknown[] | undefined;
         routes: import("@react-navigation/routers").NavigationRoute<ParamListBase, string>[];
         type: string;
         stale: false;
     }>, "stale" | "routes">> & Readonly<{
-        stale?: true;
+        stale?: true | undefined;
         routes: import("@react-navigation/routers").PartialRoute<Readonly<{
             key: string;
             name: string;
-            path?: string;
+            path?: string | undefined;
             history?: {
                 type: "params";
                 params: object;
-            }[];
-        } & Readonly<{
+            }[] | undefined;
+        } & {
             params?: Readonly<object | undefined>;
-        }>>>[];
+        }>>[];
     }> & {
-        state?: Partial<Omit<Readonly<{
+        state?: (Partial<Omit<Readonly<{
             key: string;
             index: number;
             routeNames: string[];
-            history?: unknown[];
+            history?: unknown[] | undefined;
             routes: import("@react-navigation/routers").NavigationRoute<ParamListBase, string>[];
             type: string;
             stale: false;
         }>, "stale" | "routes">> & Readonly<{
-            stale?: true;
+            stale?: true | undefined;
             routes: import("@react-navigation/routers").PartialRoute<Readonly<{
                 key: string;
                 name: string;
-                path?: string;
+                path?: string | undefined;
                 history?: {
                     type: "params";
                     params: object;
-                }[];
-            } & Readonly<{
+                }[] | undefined;
+            } & {
                 params?: Readonly<object | undefined>;
-            }>>>[];
-        }> & /*elided*/ any;
+            }>>[];
+        }> & /*elided*/ any) | undefined;
     }) | undefined>;
 };
-export {};
 //# sourceMappingURL=useLinking.d.ts.map

package/lib/typescript/src/useLinking.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLinking.d.ts","sourceRoot":"","sources":["../../../src/useLinking.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,sBAAsB,EAE3B,KAAK,aAAa,EAEnB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AA4D9C;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,IAAI,MAAM,OAAO,CAAC,IAAI,CAAC,eAO7C,CAAC;AAIF,KAAK,OAAO,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAE7C,wBAAgB,UAAU,CACxB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,EAClE,EACE,OAAc,EACd,MAAM,EACN,gBAA0C,EAC1C,gBAA0C,EAC1C,kBAA8C,GAC/C,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+UX"}
+{"version":3,"file":"useLinking.d.ts","sourceRoot":"","sources":["../../../src/useLinking.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,sBAAsB,EAE3B,KAAK,aAAa,EAEnB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAe,CAAC;AA+G9C;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,IAAI,MAAM,OAAO,CAAC,IAAI,CAAC,eAO7C,CAAC;AAIF,wBAAgB,UAAU,CAAC,SAAS,SAAS,aAAa,EACxD,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,EAC9D,EACE,OAAc,EACd,MAAM,EACN,gBAA0C,EAC1C,gBAA0C,EAC1C,kBAA8C,GAC/C,EAAE,cAAc,CAAC,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4Y7B"}

package/lib/typescript/src/useLinking.native.d.ts

@@ -1,98 +1,96 @@
 import { type NavigationContainerRef, type ParamListBase } from '@react-navigation/core';
 import * as React from 'react';
-import type { LinkingOptions } from './types';
-import type { Thenable } from './useThenable';
-type Options = LinkingOptions<ParamListBase>;
-export declare function useLinking(ref: React.RefObject<NavigationContainerRef<ParamListBase> | null>, { enabled, prefixes, filter, config, getInitialURL, subscribe, getStateFromPath, getActionFromState, }: Options): {
+import type { LinkingOptions } from './types.js';
+import type { Thenable } from './useThenable.js';
+export declare function useLinking<ParamList extends ParamListBase>(ref: React.RefObject<NavigationContainerRef<ParamList> | null>, { enabled, prefixes, filter, config, getInitialURL, subscribe, getStateFromPath, getActionFromState, }: LinkingOptions<ParamListBase>): {
     getInitialState: () => Thenable<(Partial<Omit<Readonly<{
         key: string;
         index: number;
         routeNames: string[];
-        history?: unknown[];
+        history?: unknown[] | undefined;
         routes: import("@react-navigation/routers").NavigationRoute<ParamListBase, string>[];
         type: string;
         stale: false;
     }>, "stale" | "routes">> & Readonly<{
-        stale?: true;
+        stale?: true | undefined;
         routes: import("@react-navigation/routers").PartialRoute<Readonly<{
             key: string;
             name: string;
-            path?: string;
+            path?: string | undefined;
             history?: {
                 type: "params";
                 params: object;
-            }[];
-        } & Readonly<{
+            }[] | undefined;
+        } & {
             params?: Readonly<object | undefined>;
-        }>>>[];
+        }>>[];
     }> & {
-        state?: Partial<Omit<Readonly<{
+        state?: (Partial<Omit<Readonly<{
             key: string;
             index: number;
             routeNames: string[];
-            history?: unknown[];
+            history?: unknown[] | undefined;
             routes: import("@react-navigation/routers").NavigationRoute<ParamListBase, string>[];
             type: string;
             stale: false;
         }>, "stale" | "routes">> & Readonly<{
-            stale?: true;
+            stale?: true | undefined;
             routes: import("@react-navigation/routers").PartialRoute<Readonly<{
                 key: string;
                 name: string;
-                path?: string;
+                path?: string | undefined;
                 history?: {
                     type: "params";
                     params: object;
-                }[];
-            } & Readonly<{
+                }[] | undefined;
+            } & {
                 params?: Readonly<object | undefined>;
-            }>>>[];
-        }> & /*elided*/ any;
+            }>>[];
+        }> & /*elided*/ any) | undefined;
     }) | undefined> | Promise<(Partial<Omit<Readonly<{
         key: string;
         index: number;
         routeNames: string[];
-        history?: unknown[];
+        history?: unknown[] | undefined;
         routes: import("@react-navigation/routers").NavigationRoute<ParamListBase, string>[];
         type: string;
         stale: false;
     }>, "stale" | "routes">> & Readonly<{
-        stale?: true;
+        stale?: true | undefined;
         routes: import("@react-navigation/routers").PartialRoute<Readonly<{
             key: string;
             name: string;
-            path?: string;
+            path?: string | undefined;
             history?: {
                 type: "params";
                 params: object;
-            }[];
-        } & Readonly<{
+            }[] | undefined;
+        } & {
             params?: Readonly<object | undefined>;
-        }>>>[];
+        }>>[];
     }> & {
-        state?: Partial<Omit<Readonly<{
+        state?: (Partial<Omit<Readonly<{
             key: string;
             index: number;
             routeNames: string[];
-            history?: unknown[];
+            history?: unknown[] | undefined;
             routes: import("@react-navigation/routers").NavigationRoute<ParamListBase, string>[];
             type: string;
             stale: false;
         }>, "stale" | "routes">> & Readonly<{
-            stale?: true;
+            stale?: true | undefined;
             routes: import("@react-navigation/routers").PartialRoute<Readonly<{
                 key: string;
                 name: string;
-                path?: string;
+                path?: string | undefined;
                 history?: {
                     type: "params";
                     params: object;
-                }[];
-            } & Readonly<{
+                }[] | undefined;
+            } & {
                 params?: Readonly<object | undefined>;
-            }>>>[];
-        }> & /*elided*/ any;
+            }>>[];
+        }> & /*elided*/ any) | undefined;
     }) | undefined>;
 };
-export {};
 //# sourceMappingURL=useLinking.native.d.ts.map

package/lib/typescript/src/useLinking.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLinking.native.d.ts","sourceRoot":"","sources":["../../../src/useLinking.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,sBAAsB,EAC3B,KAAK,aAAa,EAEnB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAI9C,KAAK,OAAO,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAI7C,wBAAgB,UAAU,CACxB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,EAClE,EACE,OAAc,EACd,QAAgB,EAChB,MAAM,EACN,MAAM,EACN,aAQI,EACJ,SAQC,EACD,gBAA0C,EAC1C,kBAA8C,GAC/C,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkJX"}
+{"version":3,"file":"useLinking.native.d.ts","sourceRoot":"","sources":["../../../src/useLinking.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,sBAAsB,EAE3B,KAAK,aAAa,EAEnB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAe,CAAC;AAM9C,wBAAgB,UAAU,CAAC,SAAS,SAAS,aAAa,EACxD,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,EAC9D,EACE,OAAc,EACd,QAAgB,EAChB,MAAM,EACN,MAAM,EACN,aAQI,EACJ,SAQC,EACD,gBAA0C,EAC1C,kBAA8C,GAC/C,EAAE,cAAc,CAAC,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+KjC"}

package/lib/typescript/src/useLocale.d.ts

@@ -2,6 +2,6 @@
  * Hook to access the text direction specified in the `NavigationContainer`.
  */
 export declare function useLocale(): {
-    direction: import("./types").LocaleDirection;
+    direction: import("./types.js").LocaleDirection;
 };
 //# sourceMappingURL=useLocale.d.ts.map

package/lib/typescript/src/useMemoArray.d.ts

@@ -0,0 +1,2 @@
+export declare function useMemoArray<T>(entries: [item: T, deps: readonly unknown[]][]): T[];
+//# sourceMappingURL=useMemoArray.d.ts.map

package/lib/typescript/src/useMemoArray.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMemoArray.d.ts","sourceRoot":"","sources":["../../../src/useMemoArray.tsx"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,CAAC,EAC5B,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,OAAO,EAAE,CAAC,EAAE,GAC7C,CAAC,EAAE,CAoCL"}

package/lib/typescript/src/useScrollToTop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollToTop.d.ts","sourceRoot":"","sources":["../../../src/useScrollToTop.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,KAAK,aAAa,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEpE,KAAK,cAAc,GACf;IAAE,WAAW,IAAI,IAAI,CAAA;CAAE,GACvB;IAAE,QAAQ,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,CAAA;CAAE,GAC1C;IAAE,cAAc,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAA;CAAE,GACzE;IAAE,uBAAuB,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,CAAA;CAAE,CAAC;AAE9D,KAAK,iBAAiB,GAClB;IAAE,kBAAkB,IAAI,KAAK,CAAC,SAAS,GAAG,UAAU,CAAA;CAAE,GACtD;IAAE,OAAO,IAAI,cAAc,CAAA;CAAE,GAC7B,cAAc,GACd,IAAI,CAAC;AA8BT,wBAAgB,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,QAsErE"}
+{"version":3,"file":"useScrollToTop.d.ts","sourceRoot":"","sources":["../../../src/useScrollToTop.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,KAAK,aAAa,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEpE,KAAK,cAAc,GACf;IAAE,WAAW,IAAI,IAAI,CAAA;CAAE,GACvB;IAAE,QAAQ,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,CAAA;CAAE,GAC1C;IAAE,cAAc,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAA;CAAE,GACzE;IAAE,uBAAuB,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,CAAA;CAAE,CAAC;AAE9D,KAAK,iBAAiB,GAClB;IAAE,kBAAkB,IAAI,KAAK,CAAC,SAAS,GAAG,UAAU,CAAA;CAAE,GACtD;IAAE,OAAO,IAAI,cAAc,CAAA;CAAE,GAC7B,cAAc,GACd,IAAI,CAAC;AA8BT,wBAAgB,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,QAuErE"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-navigation/native",
   "description": "React Native integration for React Navigation",
-  "version": "8.0.0-alpha.3",
+  "version": "8.0.0-alpha.30",
   "keywords": [
     "react-native",
     "react-navigation",
@@ -26,16 +26,32 @@
       "types": "./lib/typescript/src/index.d.ts",
       "default": "./lib/module/index.js"
     },
+    "./server": {
+      "source": "./src/server/index.tsx",
+      "types": "./lib/typescript/src/server/index.d.ts",
+      "default": "./lib/module/server/index.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
     "src",
-    "assets",
     "lib",
-    "ios",
+    "assets",
     "android",
-    "ReactNavigation.podspec",
-    "!**/__tests__"
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
   ],
   "sideEffects": false,
   "publishConfig": {
@@ -46,28 +62,28 @@
     "clean": "del lib"
   },
   "dependencies": {
-    "@react-navigation/core": "^8.0.0-alpha.2",
-    "escape-string-regexp": "^4.0.0",
+    "@react-navigation/core": "^8.0.0-alpha.21",
+    "escape-string-regexp": "^5.0.0",
     "fast-deep-equal": "^3.1.3",
-    "nanoid": "^3.3.11",
+    "nanoid": "^5.1.11",
     "sf-symbols-typescript": "^2.2.0",
-    "use-latest-callback": "^0.3.2"
+    "standard-navigation": "^0.0.7",
+    "use-latest-callback": "^0.3.4"
   },
   "devDependencies": {
-    "@jest/globals": "^30.0.0",
-    "@testing-library/react-native": "^13.2.1",
-    "@types/react": "~19.1.10",
-    "@types/react-dom": "~19.1.7",
-    "del-cli": "^6.0.0",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-native": "0.81.4",
-    "react-native-builder-bob": "^0.40.12",
-    "react-test-renderer": "19.1.0",
-    "typescript": "^5.9.2"
+    "@jest/globals": "^29.7.0",
+    "@testing-library/react-native": "^14.0.0",
+    "@types/react": "~19.2.17",
+    "del-cli": "^7.0.0",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "react-native": "0.83.6",
+    "react-native-builder-bob": "^0.42.1",
+    "test-renderer": "1.2.0",
+    "typescript": "^6.0.3"
   },
   "peerDependencies": {
-    "react": ">= 19.0.0",
+    "react": ">= 19.2.0",
     "react-native": "*"
   },
   "react-native-builder-bob": {
@@ -103,9 +119,12 @@
       "components": {
         "ReactNavigationSFSymbolView": {
           "className": "ReactNavigationSFSymbolView"
+        },
+        "ReactNavigationCornerInsetView": {
+          "className": "ReactNavigationCornerInsetView"
         }
       }
     }
   },
-  "gitHead": "4579b7cfdf8b149ef04cfb585e2cb6b35ded52d7"
+  "gitHead": "069e7c171fa597d1a901555e2acc8e84a46defe7"
 }

package/src/NavigationContainer.tsx

@@ -6,7 +6,8 @@ import {
   type InitialState,
   type NavigationContainerProps,
   type NavigationContainerRef,
-  type ParamListBase,
+  type NavigationState,
+  type PartialState,
   type RootParamList,
   ThemeProvider,
   validatePathConfig,
@@ -16,7 +17,7 @@ import { I18nManager, Platform } from 'react-native';
 
 import { LinkingContext } from './LinkingContext';
 import { LocaleDirContext } from './LocaleDirContext';
-import { DefaultTheme } from './theming/DefaultTheme';
+import { LightTheme } from './theming/LightTheme';
 import type {
   DocumentTitleOptions,
   LinkingOptions,
@@ -30,8 +31,17 @@ import { type Thenable, useThenable } from './useThenable';
 
 declare global {
   var REACT_NAVIGATION_DEVTOOLS: WeakMap<
-    NavigationContainerRef<any>,
-    { readonly linking: LinkingOptions<any> }
+    object,
+    {
+      readonly linking: LinkingOptions<any>;
+      readonly listeners: Set<
+        (data: {
+          type: 'link';
+          url: string;
+          state: PartialState<NavigationState> | undefined;
+        }) => void
+      >;
+    }
   >;
 }
 
@@ -95,30 +105,36 @@ type Props<ParamList extends {}> = NavigationContainerProps & {
    * unless `documentTitle.enabled` is `false`.
    */
   documentTitle?: DocumentTitleOptions;
+  /**
+   * Ref object which refers to the navigation object containing helper methods.
+   */
+  ref?: React.Ref<NavigationContainerRef<ParamList>>;
 };
 
 const RESTORE_STATE_ERROR =
   'Failed to restore navigation state. The state will be initialized based on the navigation tree.';
 
-function NavigationContainerInner(
-  {
-    direction = I18nManager.getConstants().isRTL ? 'rtl' : 'ltr',
-    theme = DefaultTheme,
-    linking,
-    persistor,
-    fallback = null,
-    documentTitle,
-    onStateChange,
-    ...rest
-  }: Props<ParamListBase>,
-  ref?: React.Ref<NavigationContainerRef<ParamListBase> | null>
-) {
+/**
+ * Container component that manages the navigation state.
+ *
+ * This should be rendered at the root wrapping the whole app.
+ */
+export function NavigationContainer<ParamList extends {} = RootParamList>({
+  direction = I18nManager.getConstants().isRTL ? 'rtl' : 'ltr',
+  theme = LightTheme,
+  linking,
+  persistor,
+  fallback = null,
+  documentTitle,
+  onStateChange,
+  ref,
+  ...rest
+}: Props<ParamList>) {
   if (linking?.config) {
     validatePathConfig(linking.config);
   }
 
-  const refContainer =
-    React.useRef<NavigationContainerRef<ParamListBase>>(null);
+  const refContainer = React.useRef<NavigationContainerRef<ParamList>>(null);
 
   useBackButton(refContainer);
   useDocumentTitle(refContainer, documentTitle);
@@ -150,10 +166,16 @@ function NavigationContainerInner(
   // This will be used by the devtools
   React.useEffect(() => {
     if (refContainer.current) {
+      const previous = REACT_NAVIGATION_DEVTOOLS.get(refContainer.current);
+      const listeners = previous?.listeners ?? new Set();
+
       REACT_NAVIGATION_DEVTOOLS.set(refContainer.current, {
         get linking() {
           return linkingConfig.options;
         },
+        get listeners() {
+          return listeners;
+        },
       });
     }
   });
@@ -253,16 +275,3 @@ function NavigationContainerInner(
     </LocaleDirContext.Provider>
   );
 }
-
-/**
- * Container component that manages the navigation state.
- *
- * This should be rendered at the root wrapping the whole app.
- */
-export const NavigationContainer = React.forwardRef(
-  NavigationContainerInner
-) as <ParamList extends {} = RootParamList>(
-  props: Props<ParamList> & {
-    ref?: React.Ref<NavigationContainerRef<ParamList>>;
-  }
-) => React.ReactElement;

package/src/__stubs__/createStackNavigator.tsx

@@ -1,11 +1,10 @@
 import {
   createNavigatorFactory,
   type DefaultNavigatorOptions,
-  type NavigationListBase,
+  type NavigatorTypeBagBase,
   type ParamListBase,
   type StackNavigationState,
   StackRouter,
-  type TypedNavigator,
   useNavigationBuilder,
 } from '@react-navigation/core';
 
@@ -23,22 +22,25 @@ const StackNavigator = (
     props
   );
 
-  return (
-    <NavigationContent>
-      {descriptors[state.routes[state.index].key].render()}
-    </NavigationContent>
-  );
+  const route = state.routes[state.index];
+
+  if (route == null) {
+    throw new Error(`Couldn't find a route at index ${state.index}.`);
+  }
+
+  const descriptor = descriptors[route.key];
+
+  if (descriptor == null) {
+    throw new Error(`Couldn't find a descriptor for route '${route.key}'.`);
+  }
+
+  return <NavigationContent>{descriptor.render()}</NavigationContent>;
 };
 
-export function createStackNavigator<
-  ParamList extends ParamListBase,
->(): TypedNavigator<{
-  ParamList: ParamList;
-  State: StackNavigationState<ParamList>;
-  ScreenOptions: {};
-  EventMap: {};
-  NavigationList: NavigationListBase<ParamList>;
+interface StubStackTypeBag extends NavigatorTypeBagBase {
+  State: StackNavigationState<this['ParamList']>;
   Navigator: typeof StackNavigator;
-}> {
-  return createNavigatorFactory(StackNavigator)();
 }
+
+export const createStackNavigator =
+  createNavigatorFactory<StubStackTypeBag>(StackNavigator);

package/src/__stubs__/window.tsx

@@ -35,6 +35,11 @@ const history = {
       ) {
         index += n;
         const entry = entries[index];
+
+        if (entry == null) {
+          throw new Error(`Couldn't find a history entry at index ${index}.`);
+        }
+
         location = new URL(entry.href);
         currentState = entry.state;
         listeners.forEach((cb) => cb());

package/src/createMemoryHistory.tsx

@@ -10,6 +10,8 @@ type HistoryRecord = {
   path: string;
 };
 
+const getPathWithoutHash = (path: string) => path.split('#')[0] ?? '';
+
 export function createMemoryHistory() {
   let index = 0;
   let items: HistoryRecord[] = [];
@@ -48,11 +50,17 @@ export function createMemoryHistory() {
     },
 
     backIndex({ path }: { path: string }) {
+      const pathWithoutHash = getPathWithoutHash(path);
+
       // We need to find the index from the element before current to get closest path to go back to
       for (let i = index - 1; i >= 0; i--) {
         const item = items[i];
 
-        if (item.path === path) {
+        if (item == null) {
+          continue;
+        }
+
+        if (item.path === pathWithoutHash) {
           return i;
         }
       }
@@ -64,12 +72,13 @@ export function createMemoryHistory() {
       interrupt();
 
       const id = nanoid();
+      const pathWithoutHash = getPathWithoutHash(path);
 
       // When a new entry is pushed, all the existing entries after index will be inaccessible
       // So we remove any existing entries after the current index to clean them up
       items = items.slice(0, index + 1);
 
-      items.push({ path, state, id });
+      items.push({ path: pathWithoutHash, state, id });
       index = items.length - 1;
 
       // We pass empty string for title because it's ignored in all browsers except safari
@@ -83,6 +92,7 @@ export function createMemoryHistory() {
       interrupt();
 
       const id = window.history.state?.id ?? nanoid();
+      const pathWithoutHash = getPathWithoutHash(path);
 
       // Need to keep the hash part of the path if there was no previous history entry
       // or the previous history entry had the same path
@@ -98,13 +108,16 @@ export function createMemoryHistory() {
         //   So we need to push the entry as there's nothing to replace
 
         pathWithHash = pathWithHash + hash;
-        items = [{ path: pathWithHash, state, id }];
+        items = [{ path: pathWithoutHash, state, id }];
         index = 0;
       } else {
-        if (items[index].path === path) {
+        const item = items[index];
+
+        if (item?.path === pathWithoutHash) {
           pathWithHash = pathWithHash + hash;
         }
-        items[index] = { path, state, id };
+
+        items[index] = { path: pathWithoutHash, state, id };
       }
 
       window.history.replaceState({ id }, '', pathWithHash);
@@ -179,7 +192,7 @@ export function createMemoryHistory() {
           const foundIndex = pending.findIndex((it) => it.ref === done);
 
           if (foundIndex > -1) {
-            pending[foundIndex].cb();
+            pending[foundIndex]?.cb();
             pending.splice(foundIndex, 1);
           }