🚀 Advanced Web Server Manager
Complete File Manager & Terminal - Standalone Version
By Sid Gifari | Gifari Industries
Current path:
/
/
home
/
duzhbywe
/
nextjs-portfolio
/
utils
✏️
Editing: media_query.js
import { useCallback, useEffect, useState } from "react"; export const useMediaQuery = (matchMediaQuery = "max-width: 767px") => { const [targetReached, setTargetReached] = useState(false); const updateTarget = useCallback((e) => { if (e.matches) setTargetReached(true); else setTargetReached(false); }, []); useEffect(() => { const media = window.matchMedia(`(${matchMediaQuery})`); media.addEventListener("change", updateTarget); // Check on mount (callback is not called until a change occurs) if (media.matches) setTargetReached(true); return () => media.removeEventListener("change", updateTarget); }, [matchMediaQuery, updateTarget]); return targetReached; };
💾 Save Changes
❌ Cancel