Few components not getting access to Providers

[kyusungpark]

Hi, I been playing around with Expo Routers and just realized that some of my components are not getting access to Providers.

My root _layout:

// Prevent the splash screen from auto-hiding before asset loading is complete.
SplashScreen.preventAutoHideAsync();

const RootLayout = () => {
  const [loaded, error] = useFonts({
    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
    Cabin: require('../assets/fonts/Cabin-Regular.ttf'),
    ...FontAwesome.font,
  });

  // Expo Router uses Error Boundaries to catch errors in the navigation tree.
  useEffect(() => {
    if (error) throw error;
  }, [error]);

  useEffect(() => {
    if (loaded) {
      SplashScreen.hideAsync();
    }
  }, [loaded]);

  if (!loaded) return <LoadingIndicator />;

  return (
    <AuthProvider>
      <QueryClientProvider client={queryClient}>
        <RTKProvider store={store}>
          <PaperProvider theme={theme}>
            <ThemeProvider theme={theme}>
              <Stack>
                <Stack.Screen name="sign-in" options={{ headerShown: false }} />
                <Stack.Screen name="(authenticated)" options={{ headerShown: false }} />
              </Stack>
              <Toast position="top" topOffset={50} visibilityTime={5000} />
            </ThemeProvider>
          </PaperProvider>
        </RTKProvider>
      </QueryClientProvider>
    </AuthProvider>
  );
};

export default RootLayout;

My folder structure

I have noticed that my sign-in and index file in (authenticated) don't have access to some of the providers.
What's weird is that other components seem to work fine.

Am i missing something?

[marklawlor]

Please provide a full reproduction. We will need to run your code to debug the issue