fix(ThemeProvider): add useIsomorphicLayoutEffect to fix SSR warnings

Author: monochromer

src/components/theme/ThemeProvider.tsx

@@ -2,6 +2,7 @@
 
 import * as React from 'react';
 
+import {useIsomorphicLayoutEffect} from '../../hooks/private';
 import {PrivateLayoutProvider} from '../layout/LayoutProvider/LayoutProvider';
 import type {PrivateLayoutProviderProps} from '../layout/LayoutProvider/LayoutProvider';
 import {block} from '../utils/cn';
@@ -66,7 +67,7 @@ export function ThemeProvider({
 
     const prevRootClassName = React.useRef('');
 
-    React.useLayoutEffect(() => {
+    useIsomorphicLayoutEffect(() => {
         if (!scoped) {
             updateBodyClassName({
                 theme: themeValue,

src/hooks/private/index.ts

@@ -10,3 +10,4 @@ export * from './usePrevious';
 export * from './useRadio';
 export * from './useRadioGroup';
 export * from './useUpdateEffect';
+export * from './useIsomorphicLayoutEffect';

src/hooks/private/useIsomorphicLayoutEffect/index.ts

@@ -0,0 +1 @@
+export {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect';

src/hooks/private/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+
+export const useIsomorphicLayoutEffect =
+    typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;