refactor: root layout use layout

atls · Jul 1, 2024 · 9abb4f4 · 9abb4f4
1 parent b2c02f1
commit 9abb4f4
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/app/fragments/app-root-layout/src/root-layout.client.tsx b/app/fragments/app-root-layout/src/root-layout.client.tsx
@@ -1,20 +1,24 @@
 'use client'
 
-import React              from 'react'
-import { IntlProvider }   from 'react-intl'
+import React               from 'react'
+import { IntlProvider }    from 'react-intl'
+import { useLayoutEffect } from 'react'
 
-import { ErrorMessage }   from '@ui/error-message'
-import { ThemeProvider }  from '@ui/theme'
+import { ErrorMessage }    from '@ui/error-message'
+import { ThemeProvider }   from '@ui/theme'
 
-import { checkErrorHook } from './check-error.hook.js'
+import { checkErrorHook }  from './check-error.hook.js'
 
 export const RootLayoutClient = ({ children, messages }) => {
   let errorMessage
   let errorCode
 
-  if (typeof window !== 'undefined') {
-    ;({ errorMessage, errorCode } = checkErrorHook())
-  }
+  useLayoutEffect(() => {
+    if (typeof window !== 'undefined') {
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      ;({ errorMessage, errorCode } = checkErrorHook())
+    }
+  }, [])
 
   return (
     <html>