use-media-query-react/dist/use-media-query.js

A simple and efficient React hook for matching media queries.

import { useState as s, useEffect as r } from "react";
const o = (e) => {
  const [n, i] = s(() => typeof window > "u" ? !1 : window.matchMedia(e).matches);
  return r(() => {
    const t = () => {
      i(window.matchMedia(e).matches);
    };
    return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
  }, [e]), n;
};
export {
  o as useMediaQuery
};