1---
2title: Fall Back Gracefully on Touch Devices
3impact: MEDIUM
4tags: prefetch, touch, mobile, fallback
5---
6 
7## Fall Back Gracefully on Touch Devices
8 
9Touch devices have no cursor. Fall back to viewport or touch-start strategies automatically.
10 
11**Incorrect (assumes cursor exists):**
12 
13```tsx
14function PrefetchLink({ href, children }) {
15  return (
16    <Link
17      href={href}
18      onMouseMove={() => prefetch(href)}
19    >
20      {children}
21    </Link>
22  );
23}
24```
25 
26**Correct (device-aware strategy):**
27 
28```tsx
29const { elementRef } = useForesight({
30  callback: () => router.prefetch(href),
31  hitSlop: 20,
32});
33// Automatically falls back to touch-start on mobile
34```
35