Update theme in HookLoaderComponent

laststance · Dec 2, 2023 · 793cde3 · 793cde3
1 parent d107660
commit 793cde3
Showing 1 changed file with 12 additions and 9 deletions.
diff --git a/src/HeadlessComponents/GrobalHooks.tsx b/src/HeadlessComponents/GrobalHooks.tsx
@@ -6,16 +6,19 @@ import { useAppSelector } from '../redux/hooks'
 import { dispatch } from '../redux/store'
 import { selectTheme, updateTheme } from '../redux/themeSlice'
 
-const HookLoaderComponent: HeadlessEffectComponent = memo(() => {
-  // apply TailwindCSS theme onLoaded
-  // bause Routes component render phase defenitelly run once per app loding
-  const theme = useAppSelector(selectTheme)
-  useIsomorphicEffect(() => {
-    dispatch(updateTheme(theme))
-  }, [])
+const HookLoaderComponent: HeadlessEffectComponent = memo(
+  () => {
+    // apply TailwindCSS theme onLoaded
+    // bause Routes component render phase defenitelly run once per app loding
+    const theme = useAppSelector(selectTheme)
+    useIsomorphicEffect(() => {
+      dispatch(updateTheme(theme))
+    }, [])
 
-  return null
-})
+    return null
+  },
+  () => true,
+)
 HookLoaderComponent.displayName = 'HeadlessEffect.HookLoaderComponent'
 
 export default HookLoaderComponent