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

web/app/hooks/use-touch-sensor.ts

@@ -0,0 +1,27 @@
+import * as React from "react"
+import { isClient } from "~/lib/utils"
+
+export function useTouchSensor() {
+  const [isTouchDevice, setIsTouchDevice] = React.useState(false)
+
+  React.useEffect(() => {
+    const detectTouch = () => {
+      setIsTouchDevice(
+        isClient() &&
+          (window.matchMedia?.("(hover: none) and (pointer: coarse)")
+            ?.matches ||
+            "ontouchstart" in window ||
+            navigator.maxTouchPoints > 0),
+      )
+    }
+
+    detectTouch()
+    window.addEventListener("touchstart", detectTouch, false)
+
+    return () => {
+      window.removeEventListener("touchstart", detectTouch)
+    }
+  }, [])
+
+  return isTouchDevice
+}