From b0438995a49d5f32d6d24e11a7072a5ff1c025a6 Mon Sep 17 00:00:00 2001
From: Jan Langheimer <langheimer@gmail.com>
Date: Tue, 23 Jan 2024 10:51:39 +0000
Subject: [PATCH] remove router dev tools

---
 src/App.tsx   | 15 +--------------
 src/index.tsx |  6 ++----
 2 files changed, 3 insertions(+), 18 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 96935500a..2644f3698 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,5 +1,5 @@
 import { CreateStrategyCTAMobile } from 'components/strategies/create/CreateStrategyCTA';
-import { lazy, useEffect } from 'react';
+import { useEffect } from 'react';
 import { NotificationAlerts } from 'libs/notifications';
 import { ModalProvider } from 'libs/modals';
 import { useCarbonInit } from 'hooks/useCarbonInit';
@@ -8,18 +8,6 @@ import { MainContent } from 'components/core/MainContent';
 import { useStore } from 'store';
 import { Toaster } from 'components/common/Toaster/Toaster';
 
-const TanStackRouterDevtools =
-  process.env.NODE_ENV === 'production'
-    ? () => null // Render nothing in production
-    : lazy(() =>
-        // Lazy load in development
-        import('@tanstack/router-devtools').then((res) => ({
-          default: res.TanStackRouterDevtools,
-          // For Embedded Mode
-          // default: res.TanStackRouterDevtoolsPanel
-        }))
-      );
-
 let didInit = false;
 
 export const App = () => {
@@ -48,7 +36,6 @@ export const App = () => {
       <MainMenu />
       <main className="my-80 flex w-full flex-grow flex-col">
         <MainContent />
-        <TanStackRouterDevtools position="bottom-right" />
       </main>
       <MobileMenu />
       <ModalProvider />
diff --git a/src/index.tsx b/src/index.tsx
index 34ceb6753..02f88099d 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,6 +1,6 @@
 import 'global-shim';
 import 'init-sentry';
-import React, { Suspense } from 'react';
+import React from 'react';
 import ReactDOM from 'react-dom/client';
 import reportWebVitals from 'reportWebVitals';
 import { StoreProvider } from 'store';
@@ -22,9 +22,7 @@ root.render(
       <StoreProvider>
         <Web3ReactWrapper>
           <LazyMotion>
-            <Suspense>
-              <RouterProvider router={router} />
-            </Suspense>
+            <RouterProvider router={router} />
           </LazyMotion>
         </Web3ReactWrapper>
       </StoreProvider>