21 lines
536 B
TypeScript
21 lines
536 B
TypeScript
|
import { useEffect, useState } from 'react'
|
||
|
|
|
||
|
|
export const useWindowSize = () => {
|
||
|
|
const [size, setSize] = useState(
|
||
|
|
typeof window === 'undefined'
|
||
|
|
? { width: undefined, height: undefined }
|
||
|
|
: { width: window.innerWidth, height: window.innerHeight }
|
||
|
|
)
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
const onResize = () => {
|
||
|
|
setSize({ width: window.innerWidth, height: window.innerHeight })
|
||
|
|
}
|
||
|
|
|
||
|
|
window.addEventListener('resize', onResize)
|
||
|
|
return () => window.removeEventListener('resize', onResize)
|
||
|
|
}, [])
|
||
|
|
|
||
|
|
return size
|
||
|
|
}
|