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;
}