Exemplo da utilização de um hook personalizado para obter a largura da janela.

App.js

// App.js
import React, { useState, useEffect } from "react";
import useWindowWidth from "./useWindowWidth";

export default App = (props) => {
  const [isMobile, setIsMobile] = useState(false);
  const width = useWindowWidth();

  useEffect(() => {
    setIsMobile(width <= 500);
  }, [width]);

  return <span>{isMobile ? "MOBILE" : "DESKTOP"}</span>;
};