@vela-ui/react
Version:
Vela UI React components
20 lines (18 loc) • 492 B
JavaScript
// src/hooks/use-media-query.ts
import { useEffect, useState } from "react";
var useMediaQuery = (query) => {
const [value, setValue] = useState(false);
useEffect(() => {
const onChange = (event) => {
setValue(event.matches);
};
const result = matchMedia(query);
result.addEventListener("change", onChange);
setValue(result.matches);
return () => result.removeEventListener("change", onChange);
}, [query]);
return value;
};
export {
useMediaQuery
};