The whole issue luckily wasnt because of the error invalid refresh token. It was part of the issue, but it wasnt the direct cause of the issue.

The issue had to do with the following piece of code:

  const [loaded] = useFonts({
   SpaceMono: require('../../assets/fonts/SpaceMono-Regular.ttf'),
  });

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

  if (!loaded) {
   return null;
  }

If the font didnt load the page never loads and it just shows a white screen. What fixed my problem was to look up the official way to do this. So i found the following in the docs of expo. https://docs.expo.dev/versions/latest/sdk/splash-screen/

I followed this and used the recommended way of loading the fonts, and hiding the splashscreen. And it Fixed the whole problem for me.

For any questions or needed information just comment and ill explain happily.