react-use-match-media

Simple window.matchMedia React hook.

Usage

``jsx
useMatchMedia(mediaQueryString[, initialState])
`

$3

- mediaQueryString string representing the media query to parse.
- initialState (optional) boolean initial state to return if window.matchMedia is not supported, i.e. SSR.

$3

Boolean that returns true if the document currently matches the media query list.

$3

`jsx
import useMatchMedia from "react-use-match-media";

const Example = (props) => {
const isWideViewport = useMatchMedia("(min-width: 600px)");

return

;
};
``

More examples can be found in the COOKBOOK.md.

Requirements

Requires a minimum of React version 16.8.0 for the Hooks API.