@@ -8,7 +8,7 @@ description: API Reference for the useLinkStatus hook.
8
8
``` tsx filename="app/loading-indicator.tsx" switcher
9
9
' use client'
10
10
11
- import { useLinkStatus } from ' next/navigation '
11
+ import { useLinkStatus } from ' next/link '
12
12
13
13
export default function LoadingIndicator() {
14
14
const { pending } = useLinkStatus ()
@@ -19,7 +19,7 @@ export default function LoadingIndicator() {
19
19
``` jsx filename="app/loading-indicator.js" switcher
20
20
' use client'
21
21
22
- import { useLinkStatus } from ' next/navigation '
22
+ import { useLinkStatus } from ' next/link '
23
23
24
24
export default function LoadingIndicator () {
25
25
const { pending } = useLinkStatus ()
@@ -92,7 +92,7 @@ You can use the `useLinkStatus` hook to render a lightweight loading indicator n
92
92
``` tsx filename="app/components/loading-indicator.tsx" switcher
93
93
' use client'
94
94
95
- import { useLinkStatus } from ' next/navigation '
95
+ import { useLinkStatus } from ' next/link '
96
96
97
97
export default function LoadingIndicator() {
98
98
const { pending } = useLinkStatus ()
@@ -103,7 +103,7 @@ export default function LoadingIndicator() {
103
103
``` jsx filename="app/components/loading-indicator.js" switcher
104
104
' use client'
105
105
106
- import { useLinkStatus } from ' next/navigation '
106
+ import { useLinkStatus } from ' next/link '
107
107
108
108
export default function LoadingIndicator () {
109
109
const { pending } = useLinkStatus ()
0 commit comments