feat: add support for server in useDimensions

src/hooks/useDimensions.web.ts

@@ -1,7 +1,15 @@
 import { useEffect, useRef, useState } from 'react'
 import type { ScreenSize } from '../types'
+import { isServer } from '../utils'
 
 export const useDimensions = (): ScreenSize => {
+    if (isServer()) {
+        return {
+            width: 0,
+            height: 0
+        }
+    }
+
     const timerRef = useRef<ReturnType<typeof setTimeout>>()
     const [screenSize, setScreenSize] = useState<ScreenSize>({
         width: window.innerWidth,

src/utils/common.ts

@@ -9,3 +9,4 @@ export const warn = (message: string) => {
 }
 
 export const isWeb = () => Platform.OS === 'web'
+export const isServer = () => typeof window === 'undefined'

src/utils/index.ts

@@ -2,6 +2,7 @@ export { normalizeStyles } from './normalizeStyles'
 export * from './normalizer'
 export { getBreakpointFromScreenWidth, sortAndValidateBreakpoints, getValueForBreakpoint } from './breakpoints'
 export { proxifyFunction, parseStyle } from './styles'
+export { isServer } from './common'
 export {
     extractValues,
     getKeyForCustomMediaQuery,