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