RTK: useSelector() против store.getState()

Я работаю над проектом с другим разработчиком, и мы не можем понять, как должен проходить процесс аутентификации. Мы используем RTK для управления состоянием. В EntryPoint.tsx вот мой подход:

export default function EntryPoint({ layoutHandler }: EntryPointProps) {

  const { isDarkMode, themeColors } = useContext(ThemeContext);
  const { accessToken } = useSelector((state:RootState) => state.auth)

  return (
    <>
      <StatusBar
        animated
        backgroundColor = {themeColors['neutral-00']}
        barStyle = {isDarkMode ? 'light-content' : 'dark-content'}
      />

      <View
        onLayout = {layoutHandler}
        style = {[
          globalStyles.container,
          {
            backgroundColor: themeColors['neutral-00'],
            paddingBottom:
              Platform.OS === 'android' ? styleGuide.layout.spacing.md : 0,
          },
        ]}
      >
        {!accessToken ? <AuthNavigator /> : <MainNavigator />}
      </View>
    </>
  );
}

В этом подходе во время выхода из системы все, что нужно, это удалить/уничтожить accessToken, и вы будете отправлены в стек навигатора, который содержит экраны для аутентификации (OnBoarding, Login, Verify Login)

Вот подход моего коллеги

export default function EntryPoint({ layoutHandler }: EntryPointProps) {
  const { isDarkMode, themeColors } = useContext(ThemeContext);

  const authState = store.getState().auth as AuthStateType;
  const { isOnboarded } = authState;

  return (
    <>
      <StatusBar
        animated
        backgroundColor = {themeColors['neutral-00']}
        barStyle = {isDarkMode ? 'light-content' : 'dark-content'}
      />

      <View
        onLayout = {layoutHandler}
        style = {[
          globalStyles.container,
          {
            backgroundColor: themeColors['neutral-00'],
            paddingBottom:
              Platform.OS === 'android' ? styleGuide.layout.spacing.md : 0,
          },
        ]}
      >
        {!isOnboarded ? <OnboardingNavigator /> : <AuthNavigator />}
      </View>
    </>
  );
}

По сути, теперь он переупорядочил стеки навигатора таким образом, что стек OnBoardingNavigator содержит только стек Login & AuthNavigator. Обратите внимание, что AuthNavigator теперь снова содержит экран входа в систему и MainNavigator. Выход теперь работает таким образом, что после удаления accessToken мы возвращаемся к экрану входа.

Причина его подхода в том, что он не хочет использовать useSelector, поскольку подписка на магазин обходится дорого и приведет к неизвестности и непредсказуемости.

Я серьезно с этим не согласен, так как считаю, что стоимость подписки не стоит рефакторинга всех навигационных стеков, которые теперь смешивают несколько экранов в стеках, которым они не принадлежат. Простое использование useSelector заставит приложение реагировать. Однако, по его словам, за реактивность приходится платить.

Каков наилучший подход/практика в этом случае?