Passing additional props to screens (Binding React Navigation 5 to Eva Design System)

auth.navigator.tsx

export const AuthNavigator = (props: AuthNavigatorProps): React.ReactElement => {

  const SignInNavigationScreen = (screenProps: SignInScreenProps): React.ReactElement => (
    <SignInScreen {...screenProps} onAuthorized={props.onAuthorized}/>
  );

  const SignUpNavigationScreen = (screenProps: SignUpScreenProps): React.ReactElement => (
    <SignUpScreen {...screenProps} onAuthorized={props.onAuthorized}/>
  );

  const ResetPasswordNavigationScreen = (screenProps: ResetPasswordScreenProps): React.ReactElement => (
    <ResetPasswordScreen {...screenProps}/>
  );

  return (
    <Stack.Navigator headerMode='none'>
      <Stack.Screen name={AppRoute.SIGN_IN}>
        {SignInNavigationScreen}
      </Stack.Screen>
      <Stack.Screen name={AppRoute.SIGN_UP}>
        {SignUpNavigationScreen}
      </Stack.Screen>
      <Stack.Screen name={AppRoute.RESET_PASSWORD}>
        {ResetPasswordNavigationScreen}
      </Stack.Screen>
    </Stack.Navigator>
  );
};