title: React Navigation v6 NavigationContainer linking attribute with nested navigation typescript issue
body: <p>I am using react navigation 6 with a root stack navigator containing a tab navigator. My linking attribute config looks like this in the App component:</p>
  <pre><code>export default function App() {
      const linking = {
          prefixes: [prefix],
          config: {
              screens: {
                  Roundups: 'roundups',
                  Account: 'account',
                  TabNavigator: {
                      screens: {
                          Tab1: 'tab1',
                          Tab2: 'tab2',
                      },
                  },
              },
          },
      };
  
      return (
          &lt;NavigationContainer linking={linking} fallback={&lt;Text&gt;Loading...&lt;/Text&gt;}&gt;
              &lt;QueryClientProvider client={queryClient}&gt;
                  &lt;Stack.Navigator&gt;
                      &lt;Stack.Screen name=&quot;RoundUps&quot; component={RoundUps} /&gt;
                      &lt;Stack.Screen name=&quot;Account&quot; component={Account} /&gt;
                      &lt;Stack.Screen name=&quot;LoggedIn&quot; component={TabNavigator} /&gt;
                  &lt;/Stack.Navigator&gt;
              &lt;/QueryClientProvider&gt;
          &lt;/NavigationContainer&gt;
       );
  }
  </code></pre>
  <p>My TabNavigator component looks like this:</p>
  <pre><code>const Tab = createBottomTabNavigator();
  
  type Props = NativeStackScreenProps&lt;RootStackParamList, 'TabNavigator'&gt;;
  
  const TabNavigator = ({ navigation }: Props) =&gt; {
      return (
          &lt;Tab.Navigator&gt;
              &lt;Tab.Screen name=&quot;Tab1&quot; component={Tab1Screen} /&gt;
              &lt;Tab.Screen name=&quot;Tab2&quot; component={Tab2Screen} /&gt;
          &lt;/Tab.Navigator&gt;
      );
  };
  
  export default TabNavigator;
  </code></pre>
  <p>Referring to the <a href="https://reactnavigation.org/docs/navigation-container/#linking" rel="noreferrer">react navigation docs</a> on this attribute I believe this to be the correct setup but I receive this typescript error and I'm at a loss.</p>
  <pre><code>Type '{ prefixes: string[]; config: { screens: { Roundups: string; Account: string; TabNavigator: { screens: { Tab1: string; Tab2: string; }; }; }; }; }' is not assignable to type 'LinkingOptions&lt;{ Roundups: unknown; Account: unknown; TabNavigator: unknown; }&gt;'.
    The types of 'config.screens.TabNavigator' are incompatible between these types.
      Type '{ screens: { Tab1: string; Tab2: string; }; }' is not assignable to type 'string | Omit&lt;PathConfig&lt;{}&gt;, &quot;screens&quot; | &quot;initialRouteName&quot;&gt; | undefined'.
        Type '{ screens: { Tab1: string; Tab2: string; }; }' has no properties in common with type 'Omit&lt;PathConfig&lt;{}&gt;, &quot;screens&quot; | &quot;initialRouteName&quot;&gt;'.ts(2322)
  </code></pre>
  <p>Am I missing something obvious here? Thanks</p>