src/App.tsx

@@ -35,7 +35,9 @@ const App = () => {
 
   const handleRootRedirect = () => {
     if (authState.loggedIn) return appPrivateRoutes.homePage
-    const callbackPathEncoded = btoa(window.location.href.split(`${window.location.origin}/#`)[1])
+    const callbackPathEncoded = btoa(
+      window.location.href.split(`${window.location.origin}/#`)[1]
+    )
     return `${appPublicRoutes.login}?callbackPath=${callbackPathEncoded}`
   }
 
@@ -72,14 +74,7 @@ const App = () => {
           }
         })}
 
-        <Route
+        <Route path="*" element={<Navigate to={handleRootRedirect()} />} />
-          path="*"
-          element={
-            <Navigate
-              to={handleRootRedirect()}
-            />
-          }
-        />
       </Route>
     </Routes>
   )

src/pages/login/index.tsx

@@ -57,7 +57,7 @@ export const Login = () => {
 
   const navigateAfterLogin = (path: string) => {
     const callbackPath = searchParams.get('callbackPath')
-    
+
     if (callbackPath) {
       // base64 decoded path
       const path = atob(callbackPath)