use-media-query

1. Install

npm i @maroun-baydoun/use-media-query

yarn add @maroun-baydoun/use-media-query

2. Use

import useMediaQuery from "@maroun-baydoun/use-media-query";

const MyComponent = () => {
 
    const matches = useMediaQuery("only screen and (min-width: 1024px)");
             
    return matches ? "It matches!" : "No match (yet)";
}

Demo