first attempt to fix with a hook-based memo-buster

Author: jaredh159

App.js

@@ -10,21 +10,23 @@ import Layout from './components/Layout';
 const Stack = createNativeStackNavigator();
 
 export default function App() {
-  useDeviceContext(tw, { withDeviceColorScheme: false });
+  //    👇 -- i'm proposing that `useDeviceContext` could return a string for memoization busting
+  const memoBuster = useDeviceContext(tw, { withDeviceColorScheme: false });
+
   const [, toggleColorScheme] = useAppColorScheme(tw);
 
   return (
     <Layout>
       <TouchableOpacity onPress={toggleColorScheme}>
         <Text
-          style={tw`bg-gray-200 dark:bg-gray-900 text-black dark:text-white
-                capitalize p-2 mt-24 text-center`}
+          style={tw`bg-gray-200 dark:bg-gray-900 text-black dark:text-white capitalize p-2 mt-24 text-center`}
         >
           toggle theme
         </Text>
       </TouchableOpacity>
       <NavigationContainer>
         <Stack.Navigator
+          key={memoBuster} // 👋 <-- busting it here seems(?) to work
           screenOptions={{
             headerRight: () => (
               <TouchableOpacity onPress={toggleColorScheme}>

package-lock.json

@@ -19,7 +19,7 @@
     "react-native-safe-area-context": "4.6.3",
     "react-native-screens": "~3.22.0",
     "react-native-web": "^0.19.9",
-    "twrnc": "^3.6.4"
+    "twrnc": "^3.7.0-beta"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0"