Use has primary touch

1import { useEffect, useState } from "react";
2 
3export function useTouchPrimary() {
4	const [isTouchPrimary, setIsTouchPrimary] = useState(false);
5 
6	useEffect(() => {
7		if (typeof window === "undefined") return;
8 
9		const controller = new AbortController();
10		const { signal } = controller;
11 
12		const handleTouch = () => {
13			const hasTouch = "ontouchstart" in window || navigator.maxTouchPoints > 0;
14			const prefersTouch = window.matchMedia("(pointer: coarse)").matches;
15			setIsTouchPrimary(hasTouch && prefersTouch);
16		};
17 
18		const mq = window.matchMedia("(pointer: coarse)");
19		mq.addEventListener("change", handleTouch, { signal });
20		window.addEventListener("pointerdown", handleTouch, { signal });
21 
22		handleTouch();
23 
24		return () => controller.abort();
25	}, []);
26 
27	return isTouchPrimary;
28}