chore: path ssr

Author: jpudysz

src/UnistylesTheme.tsx

@@ -1,5 +1,6 @@
-import React, { createContext } from 'react'
+import React, { createContext, useEffect, useState } from 'react'
 import type { PropsWithChildren } from 'react'
+import { isServer } from './utils'
 
 interface UnistylesThemeProps extends PropsWithChildren {
     theme: any
@@ -10,8 +11,16 @@ export const UnistylesContext = createContext({})
 export const UnistylesTheme: React.FunctionComponent<UnistylesThemeProps> = ({
     theme,
     children
-}) => (
-    <UnistylesContext.Provider value={theme}>
-        {children}
-    </UnistylesContext.Provider>
-)
+}) => {
+    const [isClient, setIsClient] = useState(!isServer)
+
+    useEffect(() => {
+        setIsClient(true)
+    }, [])
+
+    return (
+        <UnistylesContext.Provider value={theme}>
+            {isClient ? children : <React.Fragment /> }
+        </UnistylesContext.Provider>
+    )
+}

src/hooks/useDimensions.web.ts

@@ -1,17 +1,12 @@
 import { useEffect, useRef, useState } from 'react'
 import type { ScreenSize } from '../types'
-import { isServer } from '../utils'
 
 export const useDimensions = (): ScreenSize => {
     const timerRef = useRef<ReturnType<typeof setTimeout>>()
     const [screenSize, setScreenSize] = useState<ScreenSize>({
-        width: isServer
-            ? undefined
-            : window.innerWidth,
-        height: isServer
-            ? undefined
-            : window.innerHeight
-    } as ScreenSize)
+        width: window.innerWidth,
+        height: window.innerHeight
+    })
 
     useEffect(() => {
         const handleResize = () => {