react 에서 window resize debounce 샘플

/ globals window /
import React, { useState, useEffect } from 'react'
import _debounce from 'lodash.debounce'

const Example = () => {
const [width, setWidth] = useState(window.innerWidth)

useEffect(() => {
const handleResize = _debounce(() => setWidth(window.innerWidth), 100)

window.addEventListener('resize', handleResize);

return () => {
  window.removeEventListener('resize', handleResize);
}

}, [])

return <>Width: {width}</>
}