text: import  { useState,  useLayoutEffect } from 'react';
  
  export function useWindowSize() {
    const [size, setSize] = useState([0, 0])
    useLayoutEffect(() => {
      function updateSize() {
        setSize([window.innerWidth, window.innerHeight])
      }
      window.addEventListener('resize', updateSize)
      updateSize();
      return () => window.removeEventListener('resize', updateSize)
    }, [])
    return size
  }
  
  export function ShowWindowDimensions(props) {
    const [width, height] = useWindowSize();
    return <span>Window size: {width} x {height}</span>;
  }
   //const [width, height] = useWindowSize();