Skip to content

Commit 06384d1

Browse files
authoredApr 3, 2025··
[docs] fix lint issue in use link status doc (#77785)
lint job was not triggered
1 parent a1689f7 commit 06384d1

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed
 

Diff for: ‎docs/01-app/04-api-reference/04-functions/use-link-status.mdx

+3-3
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: useLinkStatus
33
description: API Reference for the useLinkStatus hook.
44
---
55

6-
`useLinkStatus` is a **Client Component** hook that lets you track the loading state of a `Link` component during navigation. It can be used to show loading indicators during page transitions, especially when [prefetching](/docs/app/building-your-application/routing/linking-and-navigating#2-prefetching) is disabled, or the linked route does not have any loading states.
6+
`useLinkStatus` is a **Client Component** hook that lets you track the loading state of a `Link` component during navigation. It can be used to show loading indicators during page transitions, especially when [prefetching](/docs/app/building-your-application/routing/linking-and-navigating#2-prefetching) is disabled, or the linked route does not have any loading states.
77

88
```tsx filename="app/loading-indicator.tsx" switcher
99
'use client'
@@ -85,9 +85,9 @@ const { pending } = useLinkStatus()
8585

8686
### Improving the user experience when navigating with new query parameters
8787

88-
In this example, navigating between categories updates the query string (e.g. ?category=books). However, the page may appear unresponsive because the `<PageSkeleton />` fallback won't replace the existing content (see [preventing unwanted loading indicators](https://react.dev/reference/react/useTransition#preventing-unwanted-loading-indicators)).
88+
In this example, navigating between categories updates the query string (e.g. ?category=books). However, the page may appear unresponsive because the `<PageSkeleton />` fallback won't replace the existing content (see [preventing unwanted loading indicators](https://react.dev/reference/react/useTransition#preventing-unwanted-loading-indicators)).
8989

90-
You can use the `useLinkStatus` hook to render a lightweight loading indicator next to the active link and provide immediate feedback to the user while the data is being fetched.
90+
You can use the `useLinkStatus` hook to render a lightweight loading indicator next to the active link and provide immediate feedback to the user while the data is being fetched.
9191

9292
```tsx filename="app/page.tsx" switcher
9393
'use client'

0 commit comments

Comments
 (0)
Please sign in to comment.