feature/IO-3499-React-19 - Checkpoint

client/src/index.jsx

@@ -1,6 +1,5 @@
-import "./utils/sentry"; //Must be first.
+import "./utils/sentry"; // Must be first.
 import * as Sentry from "@sentry/react";
-import { ConfigProvider } from "antd";
 import Dinero from "dinero.js";
 import ReactDOM from "react-dom/client";
 import { Provider } from "react-redux";
@@ -14,7 +13,7 @@ import { persistor, store } from "./redux/store";
 import reportWebVitals from "./reportWebVitals";
 import "./translations/i18n";
 import "./utils/CleanAxios";
-//import * as amplitude from "@amplitude/analytics-browser";
+// import * as amplitude from "@amplitude/analytics-browser";
 import { PostHogProvider } from "posthog-js/react";
 import posthog from "posthog-js";
 
@@ -52,39 +51,32 @@ posthog.init(import.meta.env.VITE_PUBLIC_POSTHOG_KEY, {
 
 const sentryCreateBrowserRouter = Sentry.wrapCreateBrowserRouterV6(createBrowserRouter);
 
-const router = sentryCreateBrowserRouter(
-  createRoutesFromElements(<Route path="*" element={<AppContainer />} />),
-  {
-    future: {
-      v7_startTransition: true,
-      v7_relativeSplatPath: true,
-    },
+const router = sentryCreateBrowserRouter(createRoutesFromElements(<Route path="*" element={<AppContainer />} />), {
+  future: {
+    v7_startTransition: true,
+    v7_relativeSplatPath: true
   }
-);
+});
+
 if (import.meta.env.DEV) {
-  let styles =
+  const styles =
     "font-weight: bold; font-size: 50px;color: red;  6px 6px 0 rgb(226,91,14) , 9px 9px 0 rgb(245,221,8) , 12px 12px 0 rgb(5,148,68) ";
+
   console.log("%c %s", styles, `VER: ${import.meta.env.VITE_APP_INSTANCE}`);
 }
 
 function App() {
   return (
-    <PersistGate loading={<LoadingSpinner message="Restoring your settings..." />} persistor={persistor}>
-      <Provider store={store}>
+    <Provider store={store}>
+      <PersistGate loading={<LoadingSpinner message="Restoring your settings..." />} persistor={persistor}>
         <PostHogProvider client={posthog}>
           <RouterProvider router={router} />
         </PostHogProvider>
-      </Provider>
-    </PersistGate>
+      </PersistGate>
+    </Provider>
   );
 }
 
-// Used for ANTD Component Tokens
-// https://ant.design/docs/react/migrate-less-variables
-ReactDOM.createRoot(document.getElementById("root")).render(
-  <ConfigProvider>
-    <App />
-  </ConfigProvider>
-);
+ReactDOM.createRoot(document.getElementById("root")).render(<App />);
 
 reportWebVitals();