fix: disable duplicate linking check for independent containers

react-navigation · Nov 27, 2022 · f97446a · f97446a
1 parent b9f90af
commit f97446a
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 2 deletions.
diff --git a/packages/native/src/NavigationContainer.tsx b/packages/native/src/NavigationContainer.tsx
@@ -74,6 +74,7 @@ function NavigationContainerInner(
   useDocumentTitle(refContainer, documentTitle);
 
   const { getInitialState } = useLinking(refContainer, {
+    independent: rest.independent,
     enabled: isLinkingEnabled,
     prefixes: [],
     ...linking,

diff --git a/packages/native/src/useLinking.native.tsx b/packages/native/src/useLinking.native.tsx
@@ -12,11 +12,16 @@ import type { LinkingOptions } from './types';
 
 type ResultState = ReturnType<typeof getStateFromPathDefault>;
 
+type Options = LinkingOptions<ParamListBase> & {
+  independent?: boolean;
+};
+
 let isUsingLinking = false;
 
 export default function useLinking(
   ref: React.RefObject<NavigationContainerRef<ParamListBase>>,
   {
+    independent,
     enabled = true,
     prefixes,
     config,
@@ -47,9 +52,13 @@ export default function useLinking(
     },
     getStateFromPath = getStateFromPathDefault,
     getActionFromState = getActionFromStateDefault,
-  }: LinkingOptions<ParamListBase>
+  }: Options
 ) {
   React.useEffect(() => {
+    if (independent) {
+      return undefined;
+    }
+
     if (enabled !== false && isUsingLinking) {
       throw new Error(
         [

diff --git a/packages/native/src/useLinking.tsx b/packages/native/src/useLinking.tsx
@@ -289,17 +289,26 @@ const series = (cb: () => Promise<void>) => {
 
 let isUsingLinking = false;
 
+type Options = LinkingOptions<ParamListBase> & {
+  independent?: boolean;
+};
+
 export default function useLinking(
   ref: React.RefObject<NavigationContainerRef<ParamListBase>>,
   {
+    independent,
     enabled = true,
     config,
     getStateFromPath = getStateFromPathDefault,
     getPathFromState = getPathFromStateDefault,
     getActionFromState = getActionFromStateDefault,
-  }: LinkingOptions<ParamListBase>
+  }: Options
 ) {
   React.useEffect(() => {
+    if (independent) {
+      return undefined;
+    }
+
     if (enabled !== false && isUsingLinking) {
       throw new Error(
         [