Navigation error after authetication

[oneil-marcelo]

Describe the bug

Hi
After successful authentication, I am receiving the error that follows in the print below.

Thank you for your help.

Screenshots

To Reproduce

My Navigator component:

const AuthStack: React.FC = () => {
 const { Navigator, Screen } = createStackNavigator();
 return (
   <Navigator>
     <Screen name="signinkeycloak" component={SignInKeycloak} />
   </Navigator>
 );
};

My Keycloack configuration:

<ReactNativeKeycloakProvider
      LoadingComponent={<Text>Loading</Text>}
      authClient={keycloak}
      initOptions={{
        redirectUri: 'myapp://signinkeycloak',
        inAppBrowserOptions: {
          modalPresentationStyle: 'fullScreen',
          enableBarCollapsing: false,
          modalEnabled: true,
          ephemeralWebSession: true,
          dismissButtonStyle: 'ok',
        },
      }}>
      <NavigationContainer linking={linking}>
        <ContextProvider>
          <StatusBar barStyle="dark-content" backgroundColor="#FFF" />
          <Routes />
        </ContextProvider>
      </NavigationContainer>
    </ReactNativeKeycloakProvider>

[IronTony]

Hi, that's a problem with your code.
If you read better, it says that "signinkeycloak was not handled by any navigator" .

Moreover check your AuthStack and compare the code with the RN documentation: https://reactnavigation.org/docs/stack-navigator/

[oneil-marcelo]

Hi @IronTony, Thanks for help.

I used the hook useLinking from react-navigation and It's work perfectly.
https://reactnavigation.org/docs/use-linking

Thanks again.

[joe307bad]

@oneil-marcelo could you expand on your solution? I believe I am running into a similar issue. It seems to be the #state=... portion that is throwing react-navigation off from picking up the link. Testing deeping linking works via CLI: npx uri-scheme open io.act.auth://CreateCheckin --android.

Heres is my linking config:

prefixes: ["io.act.auth://"],
config: {
  screens: {
   CreateCheckin: {
     path: "CreateCheckin"
    }
  }
}

What would be the proper config to match the #state... portion?