init project

docs/data/material/components/use-media-query/JavaScriptMedia.tsx

@@ -0,0 +1,12 @@
+import json2mq from 'json2mq';
+import useMediaQuery from '@mui/material/useMediaQuery';
+
+export default function JavaScriptMedia() {
+  const matches = useMediaQuery(
+    json2mq({
+      minWidth: 600,
+    }),
+  );
+
+  return <span>{`{ minWidth: 600 } matches: ${matches}`}</span>;
+}