scroll locker

babylonlabs-io · Nov 28, 2024 · 006acd8 · 006acd8
1 parent 80e8d21
commit 006acd8
Showing 1 changed file with 24 additions and 20 deletions.
diff --git a/src/app/providers.tsx b/src/app/providers.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { ScrollLocker } from "@babylonlabs-io/bbn-core-ui";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { ReactQueryStreamedHydration } from "@tanstack/react-query-next-experimental";
@@ -16,26 +17,29 @@ function Providers({ children }: React.PropsWithChildren) {
   const [client] = React.useState(new QueryClient());
 
   return (
-    <ThemeProvider defaultTheme="dark" attribute="data-theme">
-      <QueryClientProvider client={client}>
-        <ErrorProvider>
-          <WalletConnector>
-            <AppState>
-              <StakingStatsProvider>
-                <ReactQueryStreamedHydration>
-                  {children}
-                </ReactQueryStreamedHydration>
-              </StakingStatsProvider>
-            </AppState>
-          </WalletConnector>
-        </ErrorProvider>
-        <ReactQueryDevtools
-          buttonPosition="bottom-left"
-          initialIsOpen={false}
-        />
-      </QueryClientProvider>
-      <NotificationContainer />
-    </ThemeProvider>
+    // TODO not working
+    <ScrollLocker>
+      <ThemeProvider defaultTheme="dark" attribute="data-theme">
+        <QueryClientProvider client={client}>
+          <ErrorProvider>
+            <WalletConnector>
+              <AppState>
+                <StakingStatsProvider>
+                  <ReactQueryStreamedHydration>
+                    {children}
+                  </ReactQueryStreamedHydration>
+                </StakingStatsProvider>
+              </AppState>
+            </WalletConnector>
+          </ErrorProvider>
+          <ReactQueryDevtools
+            buttonPosition="bottom-left"
+            initialIsOpen={false}
+          />
+        </QueryClientProvider>
+        <NotificationContainer />
+      </ThemeProvider>
+    </ScrollLocker>
   );
 }