28 lines
612 B
TypeScript
28 lines
612 B
TypeScript
import { useState, useEffect } from 'react'
|
|
|
|
const getWindowDimensions = () => {
|
|
const { innerWidth: width, innerHeight: height } = window
|
|
return {
|
|
width,
|
|
height,
|
|
}
|
|
}
|
|
|
|
const useWindowDimensions = () => {
|
|
const [windowDimensions, setWindowDimensions] = useState(
|
|
getWindowDimensions()
|
|
)
|
|
|
|
useEffect(() => {
|
|
const handleResize = () => {
|
|
setWindowDimensions(getWindowDimensions())
|
|
}
|
|
|
|
window.addEventListener('resize', handleResize)
|
|
return () => window.removeEventListener('resize', handleResize)
|
|
}, [])
|
|
|
|
return windowDimensions
|
|
}
|
|
|
|
export default useWindowDimensions
|