use-mq
matchMedia React hook
Installation
- npm:
npm install --save use-mq
- yarn:
yarn add use-mq
Usage
import { useMQ } from 'use-mq';
const MyComponent = () => {
const matches = useMQ('(min-width: 400px)');
return matches
? <div>Matches!</div>
: null;
}