Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/openstatusHQ/openstatus. 🫖 Status page with uptime monitoring & API monitoring as code 🫖 openstatus.dev
bun drizzle-orm monitoring monitoring-as-code nextjs observability on-call open-source shadcn-ui status-page statuspage synthetic-monitoring tinybird turso uptime uptime-checker uptime-monitor
Something went wrong. Try again.
718 B · 30 lines
TypeScript
at incident-api
12345678910111213141516171819202122232425262728293031"use client";
import { useEffect, useState } from "react";
type MediaQuery = string | number;
export function useMediaQuery(query: MediaQuery): boolean { const [matches, setMatches] = useState<boolean>(false);
useEffect(() => { const mediaQueryList = window.matchMedia(String(query));
const handleChange = (event: MediaQueryListEvent) => { setMatches(event.matches); };
// Initial check setMatches(mediaQueryList.matches);
// Add listener for changes mediaQueryList.addEventListener("change", handleChange);
// Clean up listener on unmount return () => { mediaQueryList.removeEventListener("change", handleChange); }; }, [query]);
return matches;}