Move to TanStack Start from Next.js (#184)

web/app/hooks/use-media.ts

@@ -0,0 +1,23 @@
+import * as React from "react"
+
+export function useMedia(query: string): boolean {
+  const [matches, setMatches] = React.useState<boolean>(false)
+
+  React.useEffect(() => {
+    if (window.matchMedia) {
+      const media = window.matchMedia(query)
+      if (media.matches !== matches) {
+        setMatches(media.matches)
+      }
+      const listener = () => {
+        setMatches(media.matches)
+      }
+      media.addListener(listener)
+      return () => media.removeListener(listener)
+    }
+
+    return undefined
+  }, [matches, query])
+
+  return matches
+}