function useMediaQuery(query: string, disabled?: boolean): boolean;
The useMediaQuery hook can be used to access media queries and update
functionality in React components.
import { useMediaQuery } from "@react-md/core/media-queries/useMediaQuery";
function Example() {
const matches = useMediaQuery("screen and (min-width: 768px)");
return <>{matches ? "Matches" : "Doesn't"}</>;
}
query - The media query string that is passed to window,matchMediadisabled - Prevent the media query from updatingtrue if the media query matches.