Skip to content

Commit c640c57

Browse files
authored
docs: fix useLinkStatus import (#77834)
1 parent 726ca71 commit c640c57

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

docs/01-app/05-api-reference/04-functions/use-link-status.mdx

+4-4
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ description: API Reference for the useLinkStatus hook.
88
```tsx filename="app/loading-indicator.tsx" switcher
99
'use client'
1010

11-
import { useLinkStatus } from 'next/navigation'
11+
import { useLinkStatus } from 'next/link'
1212

1313
export default function LoadingIndicator() {
1414
const { pending } = useLinkStatus()
@@ -19,7 +19,7 @@ export default function LoadingIndicator() {
1919
```jsx filename="app/loading-indicator.js" switcher
2020
'use client'
2121

22-
import { useLinkStatus } from 'next/navigation'
22+
import { useLinkStatus } from 'next/link'
2323

2424
export default function LoadingIndicator() {
2525
const { pending } = useLinkStatus()
@@ -92,7 +92,7 @@ You can use the `useLinkStatus` hook to render a lightweight loading indicator n
9292
```tsx filename="app/components/loading-indicator.tsx" switcher
9393
'use client'
9494

95-
import { useLinkStatus } from 'next/navigation'
95+
import { useLinkStatus } from 'next/link'
9696

9797
export default function LoadingIndicator() {
9898
const { pending } = useLinkStatus()
@@ -103,7 +103,7 @@ export default function LoadingIndicator() {
103103
```jsx filename="app/components/loading-indicator.js" switcher
104104
'use client'
105105

106-
import { useLinkStatus } from 'next/navigation'
106+
import { useLinkStatus } from 'next/link'
107107

108108
export default function LoadingIndicator() {
109109
const { pending } = useLinkStatus()

0 commit comments

Comments
 (0)