add credenza

src/hooks/useMediaQuery.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+
+export function useMediaQuery(query: string) {
+    const [value, setValue] = React.useState(false);
+
+    React.useEffect(() => {
+        function onChange(event: MediaQueryListEvent) {
+            setValue(event.matches);
+        }
+
+        const result = matchMedia(query);
+        result.addEventListener("change", onChange);
+        setValue(result.matches);
+
+        return () => result.removeEventListener("change", onChange);
+    }, [query]);
+
+    return value;
+}