Exemplo de um hook personalizado para obter a largura da janela.

useWindowWidth.js

//useWindowWidth.js
import { useLayoutEffect, useState } from "react";

export default function useWindowSize() {
  const [width, setWidth] = useState(0);

  useLayoutEffect(() => {
    const updateWidth = () => setWidth(window.innerWidth);

    window.addEventListener("resize", updateWidth);
    updateWidth();

    return () => window.removeEventListener("resize", updateWidth);
  }, []);

  return width;
}