windowhooks_3.jsx

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

function MyComponent() {
  const [windowSize, _setWindowSize] = useState([0, 0])
  const windowSizeRef = useRef(windowSize)

  const setWindowSize = (value) => {
    windowSizeRef.current = value
    _setWindowSize(value)
  }

  // Here we can normally use setWindowSize([x,y]) and windowSize

  useLayoutEffect(() => {
    function onWindowResize() {}
    return () => {}
  }, [])
 
  return <div>Hi There</div>
}

export default MyComponent