docs: correct use term (#89438)

### What?

`use` is not a hook. It's highlighted in the doc

> Unlike React Hooks, use can be called within loops and conditional
statements like if. Like React Hooks, the function that calls use must
be a Component or Hook.


### Why?

It confuses consumers of Next.js and adds field provide misleading
proofs

### How?

Closes NEXT-
Fixes #

-->

---------

Co-authored-by: Joseph <joseph.chamochumbi@vercel.com>
Co-authored-by: Joseph <sephxd1234@gmail.com>
This commit is contained in:
Vasiliy Vanchuk
2026-02-11 13:51:57 +03:00
committed by GitHub
parent 0b32ddc6ab
commit be56ce3ae8
5 changed files with 11 additions and 11 deletions
+3 -3
View File
@@ -22,7 +22,7 @@ async function ClientComponent() {
1. **Convert to a Server Component**: If possible, convert your Client Component to a Server Component. This allows you to use `async`/`await` directly in your component.
2. **Remove the `async` keyword**: If you need to keep it as a Client Component, remove the `async` keyword and handle data fetching differently.
3. **Use React Hooks for data fetching**: Utilize hooks like `useEffect` for client-side data fetching, or use third-party libraries.
4. **Leverage the `use` hook with a Context Provider**: Pass promises to child components using context, then resolve them with the `use` hook.
4. **Leverage the `use` API with a Context Provider**: Pass promises to child components using context, then resolve them with the `use` API.
### Recommended: Server-side data fetching
@@ -44,7 +44,7 @@ export default async function Page() {
### Using `use` with Context Provider
Another pattern to explore is using the React `use` hook with a Context Provider. This allows you to pass Promises to child components and resolve them using the `use` hook . Here's an example:
Another pattern to explore is using the React `use` API with a Context Provider. This allows you to pass Promises to child components and resolve them using the `use` API . Here's an example:
First, let's create a separate file for the context provider:
@@ -110,7 +110,7 @@ export function BlogPosts() {
}
```
This pattern allows you to start data fetching early and pass the Promise down to child components, which can then use the `use` hook to access the data when it's ready.
This pattern allows you to start data fetching early and pass the Promise down to child components, which can then use the `use` API to access the data when it's ready.
### Client-side data fetching