react-use/docs/useMedia.md

useMedia

React sensor hook that tracks state of a CSS media query.

Usage

import {useMedia} from 'react-use';

const Demo = () => {
  const isWide = useMedia('(min-width: 480px)');

  return (
    <div>
      Screen is wide: {isWide ? 'Yes' : 'No'}
    </div>
  );
};