Sync with react.dev @ 40ea071 (#1481)

This PR was automatically generated.

Merge changes from
[react.dev](https://github.com/reactjs/react.dev/commits/main) at
40ea071

The following files have conflicts and may need new translations:

* [ ]
[.github/ISSUE_TEMPLATE/3-framework.yml](/reactjs/react.dev/commits/main/.github/ISSUE_TEMPLATE/3-framework.yml)
 * [ ] [.gitignore](/reactjs/react.dev/commits/main/.gitignore)
 * [ ] [package.json](/reactjs/react.dev/commits/main/package.json)
* [ ]
[src/components/Layout/Feedback.tsx](/reactjs/react.dev/commits/main/src/components/Layout/Feedback.tsx)
* [ ]
[src/components/Layout/HomeContent.js](/reactjs/react.dev/commits/main/src/components/Layout/HomeContent.js)
* [ ]
[src/content/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023.md](/reactjs/react.dev/commits/main/src/content/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023.md)
* [ ]
[src/content/blog/2024/05/22/react-conf-2024-recap.md](/reactjs/react.dev/commits/main/src/content/blog/2024/05/22/react-conf-2024-recap.md)
* [ ]
[src/content/blog/2024/12/05/react-19.md](/reactjs/react.dev/commits/main/src/content/blog/2024/12/05/react-19.md)
* [ ]
[src/content/blog/2025/02/14/sunsetting-create-react-app.md](/reactjs/react.dev/commits/main/src/content/blog/2025/02/14/sunsetting-create-react-app.md)
* [ ]
[src/content/blog/index.md](/reactjs/react.dev/commits/main/src/content/blog/index.md)
* [ ]
[src/content/community/conferences.md](/reactjs/react.dev/commits/main/src/content/community/conferences.md)
* [ ]
[src/content/learn/add-react-to-an-existing-project.md](/reactjs/react.dev/commits/main/src/content/learn/add-react-to-an-existing-project.md)
* [ ]
[src/content/learn/build-a-react-app-from-scratch.md](/reactjs/react.dev/commits/main/src/content/learn/build-a-react-app-from-scratch.md)
* [ ]
[src/content/learn/choosing-the-state-structure.md](/reactjs/react.dev/commits/main/src/content/learn/choosing-the-state-structure.md)
* [ ]
[src/content/learn/creating-a-react-app.md](/reactjs/react.dev/commits/main/src/content/learn/creating-a-react-app.md)
* [ ]
[src/content/learn/separating-events-from-effects.md](/reactjs/react.dev/commits/main/src/content/learn/separating-events-from-effects.md)
* [ ]
[src/content/learn/synchronizing-with-effects.md](/reactjs/react.dev/commits/main/src/content/learn/synchronizing-with-effects.md)
* [ ]
[src/content/learn/typescript.md](/reactjs/react.dev/commits/main/src/content/learn/typescript.md)
* [ ]
[src/content/learn/you-might-not-need-an-effect.md](/reactjs/react.dev/commits/main/src/content/learn/you-might-not-need-an-effect.md)
* [ ]
[src/content/learn/your-first-component.md](/reactjs/react.dev/commits/main/src/content/learn/your-first-component.md)
* [ ]
[src/content/reference/eslint-plugin-react-hooks/lints/rules-of-hooks.md](/reactjs/react.dev/commits/main/src/content/reference/eslint-plugin-react-hooks/lints/rules-of-hooks.md)
* [ ]
[src/content/reference/react-dom/client/index.md](/reactjs/react.dev/commits/main/src/content/reference/react-dom/client/index.md)
* [ ]
[src/content/reference/react-dom/index.md](/reactjs/react.dev/commits/main/src/content/reference/react-dom/index.md)
* [ ]
[src/content/reference/react-dom/preinit.md](/reactjs/react.dev/commits/main/src/content/reference/react-dom/preinit.md)
* [ ]
[src/content/reference/react-dom/preinitModule.md](/reactjs/react.dev/commits/main/src/content/reference/react-dom/preinitModule.md)
* [ ]
[src/content/reference/react-dom/preload.md](/reactjs/react.dev/commits/main/src/content/reference/react-dom/preload.md)
* [ ]
[src/content/reference/react-dom/preloadModule.md](/reactjs/react.dev/commits/main/src/content/reference/react-dom/preloadModule.md)
* [ ]
[src/content/reference/react/Activity.md](/reactjs/react.dev/commits/main/src/content/reference/react/Activity.md)
* [ ]
[src/content/reference/react/ViewTransition.md](/reactjs/react.dev/commits/main/src/content/reference/react/ViewTransition.md)
* [ ]
[src/content/reference/react/act.md](/reactjs/react.dev/commits/main/src/content/reference/react/act.md)
* [ ]
[src/content/reference/react/addTransitionType.md](/reactjs/react.dev/commits/main/src/content/reference/react/addTransitionType.md)
* [ ]
[src/content/reference/react/index.md](/reactjs/react.dev/commits/main/src/content/reference/react/index.md)
* [ ]
[src/content/reference/react/useActionState.md](/reactjs/react.dev/commits/main/src/content/reference/react/useActionState.md)
* [ ]
[src/content/reference/react/useEffect.md](/reactjs/react.dev/commits/main/src/content/reference/react/useEffect.md)
* [ ]
[src/content/reference/react/useEffectEvent.md](/reactjs/react.dev/commits/main/src/content/reference/react/useEffectEvent.md)
* [ ]
[src/content/reference/react/useId.md](/reactjs/react.dev/commits/main/src/content/reference/react/useId.md)
* [ ]
[src/content/reference/react/useOptimistic.md](/reactjs/react.dev/commits/main/src/content/reference/react/useOptimistic.md)
* [ ]
[src/content/reference/react/useTransition.md](/reactjs/react.dev/commits/main/src/content/reference/react/useTransition.md)
* [ ]
[src/content/reference/rsc/directives.md](/reactjs/react.dev/commits/main/src/content/reference/rsc/directives.md)
* [ ]
[src/content/reference/rsc/use-client.md](/reactjs/react.dev/commits/main/src/content/reference/rsc/use-client.md)
* [ ]
[src/content/reference/rules/components-and-hooks-must-be-pure.md](/reactjs/react.dev/commits/main/src/content/reference/rules/components-and-hooks-must-be-pure.md)
* [ ]
[src/sidebarBlog.json](/reactjs/react.dev/commits/main/src/sidebarBlog.json)
 * [ ] [yarn.lock](/reactjs/react.dev/commits/main/yarn.lock)

Please fix the conflicts by pushing new commits to this pull request,
either by editing the files directly on GitHub or by checking out this
branch.

## DO NOT SQUASH MERGE THIS PULL REQUEST!

Doing so will "erase" the commits from main and cause them to show up as
conflicts the next time we merge.

Author: hg-pyun

.claude/agents/docs-reviewer.md

@@ -0,0 +1,28 @@
+---
+name: docs-reviewer
+description: "Lean docs reviewer that dispatches reviews docs for a particular skill."
+model: opus
+color: cyan
+---
+
+You are a direct, critical, expert reviewer for React documentation. 
+
+Your role is to use given skills to validate given doc pages for consistency, correctness, and adherence to established patterns.
+
+Complete this process:
+
+## Phase 1: Task Creation
+1. CRITICAL: Read the skill requested.
+2. Understand the skill's requirements.
+3. Create a task list to validate skills requirements.
+
+## Phase 2: Validate
+
+1. Read the docs files given.
+2. Review each file with the task list to verify.
+
+## Phase 3: Respond
+
+You must respond with a checklist of the issues you identified, and line number.
+
+DO NOT respond with passed validations, ONLY respond with the problems. 

.claude/settings.json

@@ -0,0 +1,32 @@
+{
+  "skills": {
+    "suggest": [
+      {
+        "pattern": "src/content/learn/**/*.md",
+        "skill": "docs-writer-learn"
+      },
+      {
+        "pattern": "src/content/reference/**/*.md",
+        "skill": "docs-writer-reference"
+      }
+    ]
+  },
+  "permissions": {
+    "allow": [
+      "Skill(docs-voice)",
+      "Skill(docs-components)",
+      "Skill(docs-sandpack)",
+      "Skill(docs-rsc-sandpack)",
+      "Skill(docs-writer-learn)",
+      "Skill(docs-writer-reference)",
+      "Bash(yarn lint:*)",
+      "Bash(yarn lint-heading-ids:*)",
+      "Bash(yarn lint:fix:*)",
+      "Bash(yarn tsc:*)",
+      "Bash(yarn check-all:*)",
+      "Bash(yarn fix-headings:*)",
+      "Bash(yarn deadlinks:*)",
+      "Bash(yarn prettier:diff:*)"
+    ]
+  }
+}