diff --git a/docs/01-app/04-api-reference/04-functions/use-link-status.mdx b/docs/01-app/04-api-reference/04-functions/use-link-status.mdx index d2897c2e81402..2c7ad0f56f245 100644 --- a/docs/01-app/04-api-reference/04-functions/use-link-status.mdx +++ b/docs/01-app/04-api-reference/04-functions/use-link-status.mdx @@ -3,7 +3,7 @@ title: useLinkStatus description: API Reference for the useLinkStatus hook. --- -`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. +`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. ```tsx filename="app/loading-indicator.tsx" switcher 'use client' @@ -85,9 +85,9 @@ const { pending } = useLinkStatus() ### Improving the user experience when navigating with new query parameters -In this example, navigating between categories updates the query string (e.g. ?category=books). However, the page may appear unresponsive because the `` fallback won't replace the existing content (see [preventing unwanted loading indicators](https://react.dev/reference/react/useTransition#preventing-unwanted-loading-indicators)). +In this example, navigating between categories updates the query string (e.g. ?category=books). However, the page may appear unresponsive because the `` fallback won't replace the existing content (see [preventing unwanted loading indicators](https://react.dev/reference/react/useTransition#preventing-unwanted-loading-indicators)). -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. +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. ```tsx filename="app/page.tsx" switcher 'use client'