reactjs / reactjs/react.dev

[Typo]: `useOptimistic` is missing from Hooks reference page

Open Beginner friendly
#8,570 2 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

type: typos
Dominant language
JavaScript
Stars
11.8k
Forks
7.9k
Avg merge
1d 11h
Merged PRs (30d)
11

Description

Summary

The useOptimistic hook is listed in the left navigation menu but is missing from the Built-in React Hooks overview page, leaving the page incomplete with only 17 of the 18 hooks documented.

Page

https://react.dev/reference/react/hooks

Details
Description

The left navigation menu under Hooks lists 18 hooks, but the Built-in React Hooks overview page only documents 17 of them. useOptimistic is present in the sidebar but not mentioned anywhere on the overview page.

Steps to reproduce
  1. Open https://react.dev/reference/react/hooks
  2. Count the hooks documented on the page
  3. Compare with the hooks listed in the left navigation menu under Hooks
Expected

useOptimistic should be listed in the State Hooks section of the overview page, alongside useState and useReducer, since it lets you show a different state while an async action is pending.

Actual

useOptimistic is missing from the overview page entirely.

Suggested fix

Add useOptimistic to the State Hooks section in src/content/reference/react/hooks.md:

  • useOptimistic lets you show a different state while an async action is pending.
Screen Capture
Image
Additional Context:

The overview page is often the first place developers look when exploring React's built-in hooks. Having useOptimistic absent from this page means:

  • Developers new to React may not discover it exists at all, since the overview page is designed to be the exhaustive entry point for all built-in hooks.
  • It creates an inconsistency between the sidebar navigation and the page content
  • useOptimistic is particularly relevant in modern React apps that use Server Actions and async transitions — a growing pattern — so its visibility on the overview page is especially valuable for developers adopting these features.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with src/content/reference/react/hooks.md and inspect the State Hooks section, comparing it with the Hooks navigation and the useOptimistic reference page. Confirm the overview lists all 18 hooks and that the new entry links to /reference/react/useOptimistic with the stated description.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
documentation
Issue type
Documentation
Difficulty
1/5
Estimated time
Under an hour
Activity status
Quiet
Clarity
Clearly specified
Newbie friendliness
82/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.