Home/Feed

apps/expo/App.tsx

@@ -35,6 +35,7 @@ import { useUser } from "app/hooks/use-user";
 import { useRouter } from "app/navigation/use-router";
 import { deleteRefreshToken } from "app/lib/refresh-token";
 import { ToastProvider } from "design-system/toast";
+import { GestureHandlerRootView } from "react-native-gesture-handler";
 
 enableScreens(true);
 // enableFreeze(true)
@@ -311,42 +312,44 @@ function AppContextProvider({
 
 function App() {
   return (
-    <DripsyProvider theme={theme}>
-      <SafeAreaProvider style={{ backgroundColor: "black" }}>
-        <ToastProvider>
-          <NavigationProvider>
-            <SWRProvider>
-              <WalletConnectProvider
-                clientMeta={{
-                  description: "Connect with Showtime",
-                  url: "https://showtime.io",
-                  icons: ["https://showtime.io/logo.jpg"],
-                  name: "Showtime",
-                  // @ts-expect-error
-                  scheme: "showtime://",
-                }}
-                redirectUrl="showtime://"
-                storageOptions={{
-                  // @ts-ignore
-                  asyncStorage: AsyncStorage,
-                }}
-                renderQrcodeModal={(
-                  props: RenderQrcodeModalProps
-                ): JSX.Element => <QRCodeModal {...props} />}
-              >
-                <AppContextProvider>
-                  <>
-                    {/* TODO: change this when we update the splash screen */}
-                    <StatusBar style="dark" />
-                    <NextTabNavigator />
-                  </>
-                </AppContextProvider>
-              </WalletConnectProvider>
-            </SWRProvider>
-          </NavigationProvider>
-        </ToastProvider>
-      </SafeAreaProvider>
-    </DripsyProvider>
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <DripsyProvider theme={theme}>
+        <SafeAreaProvider style={{ backgroundColor: "black" }}>
+          <ToastProvider>
+            <NavigationProvider>
+              <SWRProvider>
+                <WalletConnectProvider
+                  clientMeta={{
+                    description: "Connect with Showtime",
+                    url: "https://showtime.io",
+                    icons: ["https://showtime.io/logo.jpg"],
+                    name: "Showtime",
+                    // @ts-expect-error
+                    scheme: "showtime://",
+                  }}
+                  redirectUrl="showtime://"
+                  storageOptions={{
+                    // @ts-ignore
+                    asyncStorage: AsyncStorage,
+                  }}
+                  renderQrcodeModal={(
+                    props: RenderQrcodeModalProps
+                  ): JSX.Element => <QRCodeModal {...props} />}
+                >
+                  <AppContextProvider>
+                    <>
+                      {/* TODO: change this when we update the splash screen */}
+                      <StatusBar style="dark" />
+                      <NextTabNavigator />
+                    </>
+                  </AppContextProvider>
+                </WalletConnectProvider>
+              </SWRProvider>
+            </NavigationProvider>
+          </ToastProvider>
+        </SafeAreaProvider>
+      </DripsyProvider>
+    </GestureHandlerRootView>
   );
 }