use-media.js

import useMedia from 'use-media';

const ResponsiveComponent = () => {
    const isWide = useMedia({ minWidth: "1000px" });
  
    return (
      <span>
        Screen is wide: {isWide ? "It's WideScreen" : "It's NarrowScreen"}
      </span>
    );
  };