useWindowSize custom hook

gistfile1.txt

import React, { useState, useLayoutEffect } from 'react'

const useWindowSize = () => {
  const [size, setSize] = useState([0, 0])
  
  useLayoutEffect(() => {
    const updateSize = () => {
      setSize([window.innerWidth, window.innerHeight])
    }
    
    window.addEventListener('resize', updateSize)
    
    updateSize()
    
    return () => window.removeEventListener('resize', updateSize)
  }, [])
  
  return size
}
export default useWindowSize

Part of walkthrough: https://medium.com/@kitson.broadhurst/re-render-view-based-on-browser-size-with-a-react-custom-hook-7401c0371b7a