1---
2title: Use hitSlop to Trigger Predictions Earlier
3impact: MEDIUM
4tags: prefetch, hit-slop, target
5---
6 
7## Use hitSlop to Trigger Predictions Earlier
8 
9Expand the invisible prediction area around elements with hitSlop to start loading sooner.
10 
11**Incorrect (tight prediction area):**
12 
13```tsx
14const { elementRef } = useForesight({
15  callback: () => prefetch(),
16  hitSlop: 0,
17});
18```
19 
20**Correct (expanded prediction area):**
21 
22```tsx
23const { elementRef } = useForesight({
24  callback: () => prefetch(),
25  hitSlop: 20,
26});
27```
28