UseIsTouchDevice

1'use client';
2 
3import { useEffect, useState } from 'react';
4 
5interface UseIsTouchDeviceReturn {
6  isTouchable: boolean;
7}
8 
9export function useIsTouchDevice(): UseIsTouchDeviceReturn {
10  const [isTouchable, setIsTouchable] = useState<boolean>(false);
11 
12  useEffect(() => {
13    if (typeof window === 'undefined' || typeof navigator === 'undefined') {
14      return;
15    }
16 
17    // Check for touch support using multiple methods for better compatibility
18    const hasTouch =
19      'ontouchstart' in window ||
20      navigator.maxTouchPoints > 0 ||
21      // Legacy support for older browsers
22      ('msMaxTouchPoints' in navigator &&
23        (navigator as any).msMaxTouchPoints > 0);
24 
25    setIsTouchable(hasTouch);
26  }, []);
27 
28  return {
29    isTouchable,
30  };
31}