Split no OICD case in another App wrapper to fix undefined context

frontend/src/AppWithoutOicd.tsx

@@ -0,0 +1,48 @@
+import { CustomGlobalStyle } from '@components/CustomGlobalStyle'
+import { FrontendErrorBoundary } from '@components/FrontendErrorBoundary'
+import { GlobalStyle, THEME, ThemeProvider } from '@mtes-mct/monitor-ui'
+import { LandingPage } from '@pages/LandingPage'
+import { UnsupportedBrowserPage } from '@pages/UnsupportedBrowserPage'
+import { isBrowserSupported } from '@utils/isBrowserSupported'
+import { useCustomAuthWithoutOicd } from 'auth/hooks/useCustomAuthWithoutOicd'
+import { UserAccountContext } from 'context/UserAccountContext'
+import countries from 'i18n-iso-countries'
+import COUNTRIES_FR from 'i18n-iso-countries/langs/fr.json'
+import { RouterProvider } from 'react-router-dom'
+import { CustomProvider as RsuiteCustomProvider } from 'rsuite'
+import rsuiteFrFr from 'rsuite/locales/fr_FR'
+
+import { router } from './router'
+
+countries.registerLocale(COUNTRIES_FR)
+
+export function AppWithoutOicd() {
+  const { isAuthorized, isLoading, userAccount } = useCustomAuthWithoutOicd()
+
+  if (isLoading) {
+    return <LandingPage />
+  }
+
+  if (!isAuthorized || !userAccount) {
+    return <LandingPage hasInsufficientRights />
+  }
+
+  if (!isBrowserSupported()) {
+    return <UnsupportedBrowserPage />
+  }
+
+  return (
+    <UserAccountContext.Provider value={userAccount}>
+      <ThemeProvider theme={THEME}>
+        <GlobalStyle />
+        <CustomGlobalStyle />
+
+        <RsuiteCustomProvider locale={rsuiteFrFr}>
+          <FrontendErrorBoundary>
+            <RouterProvider router={router} />
+          </FrontendErrorBoundary>
+        </RsuiteCustomProvider>
+      </ThemeProvider>
+    </UserAccountContext.Provider>
+  )
+}

frontend/src/api/authorization.ts

@@ -33,7 +33,10 @@ export async function getCurrentUserAuthorizationFromAPI(): Promise<UserAuthoriz
        *              The user juste re-login, but the request did include the previous access_token found in LocalStorage,
        *              there is a race condition.
        */
-      if (authenticateResponse?.includes('authentication is required') || authenticateResponse?.includes('expired')) {
+      if (
+        !!authenticateResponse?.includes('authentication is required') ||
+        !!authenticateResponse?.includes('expired')
+      ) {
         return {
           isLogged: false,
           isSuperUser: false,

frontend/src/auth/hooks/useCustomAuthWithoutOicd.tsx

@@ -0,0 +1,38 @@
+import { noop } from 'lodash'
+import { useEffect, useMemo, useState } from 'react'
+
+import { getCurrentUserAuthorization } from '../../domain/use_cases/authorization/getCurrentUserAuthorization'
+
+import type { UserAccountContextType } from '../../context/UserAccountContext'
+import type { UserAuthorization } from '../../domain/entities/authorization/types'
+
+export function useCustomAuthWithoutOicd(): {
+  isAuthorized: boolean
+  isLoading: boolean
+  userAccount: UserAccountContextType | undefined
+} {
+  const [userAuthorization, setUserAuthorization] = useState<UserAuthorization | undefined>(undefined)
+
+  useEffect(() => {
+    setTimeout(async () => {
+      const nextUserAuthorization = await getCurrentUserAuthorization()
+
+      setUserAuthorization(nextUserAuthorization)
+    }, 250)
+  }, [])
+
+  const userAccount = useMemo(
+    () => ({
+      email: 'bob@see.org',
+      isSuperUser: userAuthorization?.isSuperUser ?? false,
+      logout: noop
+    }),
+    [userAuthorization]
+  )
+
+  if (!userAuthorization || userAuthorization?.isLogged === undefined) {
+    return { isAuthorized: false, isLoading: true, userAccount: undefined }
+  }
+
+  return { isAuthorized: true, isLoading: false, userAccount }
+}

frontend/src/index.tsx

@@ -1,4 +1,5 @@
 import { browserTracingIntegration, init, replayIntegration } from '@sentry/react'
+import { AppWithoutOicd } from 'AppWithoutOicd'
 import { createRoot } from 'react-dom/client'
 import { AuthProvider } from 'react-oidc-context'
 
@@ -39,5 +40,5 @@ if (IS_OIDC_ENABLED) {
     </AuthProvider>
   )
 } else {
-  root.render(<App />)
+  root.render(<AppWithoutOicd />)
 }