From d4058a0a58ac4107cf1c77e6e448f6afc5d1d769 Mon Sep 17 00:00:00 2001
From: Jesse Jaara <jesse.jaara@vincit.fi>
Date: Mon, 15 Sep 2025 10:59:40 +0300
Subject: [PATCH] Enable React Strict mode

---
 ui/src/pages/index.tsx | 78 ++++++++++++++++++++++--------------------
 1 file changed, 40 insertions(+), 38 deletions(-)
diff --git a/ui/src/pages/index.tsx b/ui/src/pages/index.tsx
index d32348cfb..2c63b9709 100644
--- a/ui/src/pages/index.tsx
+++ b/ui/src/pages/index.tsx
@@ -1,4 +1,4 @@
-import { Suspense } from 'react';
+import { StrictMode, Suspense } from 'react';
 import { Helmet, HelmetProvider } from 'react-helmet-async';
 import { useTranslation } from 'react-i18next';
 import PulseLoader from 'react-spinners/PulseLoader';
@@ -16,44 +16,46 @@ const Index = () => {
   const { t, i18n } = useTranslation();
 
   return (
-    <HelmetProvider>
-      <div>
-        <Helmet>
-          <html lang={i18n.language} />
-          <title>JORE4 Testiversio</title>
-          <link rel="icon" href="/favicon.ico" />
-        </Helmet>
-        <ApolloProvider>
-          <ReduxProvider>
-            <Suspense
-              fallback={
-                <PulseLoader
-                  color={theme.colors.brand}
-                  size={25}
-                  cssOverride={{
-                    display: 'inline-block',
-                    position: 'relative',
-                    paddingTop: '2rem',
-                    left: '50%',
-                    transform: 'translate(-50%, 0)',
-                  }}
-                  speedMultiplier={0.7}
-                />
-              }
-            >
-              <UserProvider />
-              <Router />
-              <Toaster />
-            </Suspense>
-          </ReduxProvider>
-        </ApolloProvider>
-        <footer className="mt-6 flex justify-center">
-          <p>{t('version', { version: process.env.NEXT_PUBLIC_GIT_HASH })}</p>
-        </footer>
+    <StrictMode>
+      <HelmetProvider>
+        <div>
+          <Helmet>
+            <html lang={i18n.language} />
+            <title>JORE4 Testiversio</title>
+            <link rel="icon" href="/favicon.ico" />
+          </Helmet>
+          <ApolloProvider>
+            <ReduxProvider>
+              <Suspense
+                fallback={
+                  <PulseLoader
+                    color={theme.colors.brand}
+                    size={25}
+                    cssOverride={{
+                      display: 'inline-block',
+                      position: 'relative',
+                      paddingTop: '2rem',
+                      left: '50%',
+                      transform: 'translate(-50%, 0)',
+                    }}
+                    speedMultiplier={0.7}
+                  />
+                }
+              >
+                <UserProvider />
+                <Router />
+                <Toaster />
+              </Suspense>
+            </ReduxProvider>
+          </ApolloProvider>
+          <footer className="mt-6 flex justify-center">
+            <p>{t('version', { version: process.env.NEXT_PUBLIC_GIT_HASH })}</p>
+          </footer>
 
-        {enableCypressCoordinateHelper && <CypressCoordinatesHelper />}
-      </div>
-    </HelmetProvider>
+          {enableCypressCoordinateHelper && <CypressCoordinatesHelper />}
+        </div>
+      </HelmetProvider>
+    </StrictMode>
   );
 };
 
