Merge pull request #229 from reactjs/sync-6be2b020

Sync with react.dev @ 6be2b02

Author: srikanth-kandi

.claude/skills/docs-writer-blog/SKILL.md

@@ -159,7 +159,7 @@ See [How to Upgrade to React X.Y](/blog/YYYY/MM/DD/react-xy-upgrade-guide) for s
 
 ### React {/*react*/}
 
-* Add `useNewHook` for [purpose]. ([#12345](https://github.com/facebook/react/pull/12345) by [@contributor](https://github.com/contributor))
+* Add `useNewHook` for [purpose]. ([#12345](https://github.com/react/react/pull/12345) by [@contributor](https://github.com/contributor))
 
 ---
 
@@ -603,7 +603,7 @@ npm install react@latest react-dom@latest
 
 | Type | Pattern |
 |------|---------|
-| GitHub PR | `[#12345](https://github.com/facebook/react/pull/12345)` |
+| GitHub PR | `[#12345](https://github.com/react/react/pull/12345)` |
 | GitHub user | `[@username](https://github.com/username)` |
 | Twitter/X | `[@username](https://x.com/username)` |
 | Bluesky | `[Name](https://bsky.app/profile/handle)` |
@@ -623,8 +623,8 @@ For more information, see the docs for [`useActionState`](/reference/react/useAc
 ### Bullet Pattern
 
 ```markdown
-* Add `useTransition` for concurrent rendering. ([#10426](https://github.com/facebook/react/pull/10426) by [@acdlite](https://github.com/acdlite))
-* Fix `useReducer` observing incorrect props. ([#22445](https://github.com/facebook/react/pull/22445) by [@josephsavona](https://github.com/josephsavona))
+* Add `useTransition` for concurrent rendering. ([#10426](https://github.com/react/react/pull/10426) by [@acdlite](https://github.com/acdlite))
+* Fix `useReducer` observing incorrect props. ([#22445](https://github.com/react/react/pull/22445) by [@josephsavona](https://github.com/josephsavona))
 ```
 
 **Structure:** `Verb` + backticked API + description + `([#PR](url) by [@user](url))`

.claude/skills/react-expert/SKILL.md

@@ -32,7 +32,7 @@ This skill produces exhaustive documentation research on any React API or concep
 2. **React Source Code** - Warnings, errors, implementation details
 3. **Git History** - Commit messages with context
 4. **GitHub PRs & Comments** - Design rationale (via `gh` CLI)
-5. **GitHub Issues** - Confusion/questions (facebook/react + reactjs/react.dev)
+5. **GitHub Issues** - Confusion/questions (react/react + reactjs/react.dev)
 6. **React Working Group** - Design discussions for newer APIs
 7. **Flow Types** - Source of truth for type signatures
 8. **TypeScript Types** - Note discrepancies with Flow
@@ -51,7 +51,7 @@ First, ensure the React repo is available locally:
 if [ -d ".claude/react" ]; then
   cd .claude/react && git pull origin main
 else
-  git clone --depth=100 https://github.com/facebook/react.git .claude/react
+  git clone --depth=100 https://github.com/react/react.git .claude/react
 fi
 ```
 
@@ -71,8 +71,8 @@ Spawn these agents IN PARALLEL using the Task tool. Each agent receives the skep
 | test-explorer | Explore | Test files for usage patterns | Search `.claude/react/packages/*/src/__tests__/` for test files mentioning the topic. Extract actual usage examples WITH file paths and line numbers. |
 | source-explorer | Explore | Warnings/errors in source | Search `.claude/react/packages/*/src/` for console.error, console.warn, and error messages mentioning the topic. Document trigger conditions. |
 | git-historian | Explore | Commit messages | Run `git log --all --grep="<topic>" --oneline -50` in `.claude/react`. Read full commit messages for context. |
-| pr-researcher | Explore | PRs introducing/modifying API | Run `gh pr list -R facebook/react --search "<topic>" --state all --limit 20`. Read key PR descriptions and comments. |
-| issue-hunter | Explore | Issues showing confusion | Search issues in both `facebook/react` and `reactjs/react.dev` repos. Look for common questions and misunderstandings. |
+| pr-researcher | Explore | PRs introducing/modifying API | Run `gh pr list -R react/react --search "<topic>" --state all --limit 20`. Read key PR descriptions and comments. |
+| issue-hunter | Explore | Issues showing confusion | Search issues in both `react/react` and `reactjs/react.dev` repos. Look for common questions and misunderstandings. |
 | types-inspector | Explore | Flow + TypeScript signatures | Find Flow types in `.claude/react/packages/*/src/*.js` (look for `@flow` annotations). Find TS types in `.claude/react/packages/*/index.d.ts`. Note discrepancies. |
 
 ### Step 3: Agent Prompts
@@ -164,8 +164,8 @@ CRITICAL: Do NOT rely on your prior knowledge. Only report what you find in PRs.
 
 Your task: Find PRs that introduced or modified <TOPIC>.
 
-1. Run: gh pr list -R facebook/react --search "<topic>" --state all --limit 20 --json number,title,url
-2. For promising PRs, read details: gh pr view <number> -R facebook/react
+1. Run: gh pr list -R react/react --search "<topic>" --state all --limit 20 --json number,title,url
+2. For promising PRs, read details: gh pr view <number> -R react/react
 3. Look for:
    - The original RFC/motivation
    - Design discussions in comments
@@ -189,7 +189,7 @@ CRITICAL: Do NOT rely on your prior knowledge. Only report what you find in issu
 
 Your task: Find issues that reveal common confusion about <TOPIC>.
 
-1. Search facebook/react: gh issue list -R facebook/react --search "<topic>" --state all --limit 20 --json number,title,url
+1. Search react/react: gh issue list -R react/react --search "<topic>" --state all --limit 20 --json number,title,url
 2. Search reactjs/react.dev: gh issue list -R reactjs/react.dev --search "<topic>" --state all --limit 20 --json number,title,url
 3. For each issue, identify:
    - What the user was confused about
@@ -199,7 +199,7 @@ Your task: Find issues that reveal common confusion about <TOPIC>.
 Format your output as:
 ## Common Confusion
 ### Issue #<number>: <title>
-**Repo:** <facebook/react or reactjs/react.dev>
+**Repo:** <react/react or reactjs/react.dev>
 **Confusion:** <what they misunderstood>
 **Resolution:** <correct understanding>
 **Gotcha:** <if applicable>

.github/ISSUE_TEMPLATE/config.yml

@@ -1,6 +1,6 @@
 contact_links:
   - name: 📃 Bugs in React
-    url: https://github.com/facebook/react/issues/new/choose
+    url: https://github.com/react/react/issues/new/choose
     about: This issue tracker is not for bugs in React. Please file React issues here.
   - name: 🤔 Questions and Help
     url: https://reactjs.org/community/support.html

.github/workflows/discord_notify.yml

@@ -8,7 +8,7 @@ permissions: {}
 
 jobs:
   check_maintainer:
-    uses: facebook/react/.github/workflows/shared_check_maintainer.yml@main
+    uses: react/react/.github/workflows/shared_check_maintainer.yml@main
     permissions:
       # Used by check_maintainer
       contents: read

.github/workflows/label_core_team_prs.yml

@@ -12,7 +12,7 @@ env:
 
 jobs:
   check_maintainer:
-    uses: facebook/react/.github/workflows/shared_check_maintainer.yml@main
+    uses: react/react/.github/workflows/shared_check_maintainer.yml@main
     permissions:
       # Used by check_maintainer
       contents: read

.gitignore

@@ -46,3 +46,6 @@ public/rss.xml
 
 # worktrees
 .worktrees/
+
+# Generated OG images (scripts/generateOgImages.mjs)
+public/images/og/

package.json

@@ -7,7 +7,7 @@
     "analyze": "ANALYZE=true next build",
     "dev": "next-remote-watch ./src/content",
     "prebuild:rsc": "node scripts/buildRscWorker.mjs",
-    "build": "node scripts/buildRscWorker.mjs && next build && node --experimental-modules ./scripts/downloadFonts.mjs",
+    "build": "node scripts/buildRscWorker.mjs && next build && node --experimental-modules ./scripts/downloadFonts.mjs && node ./scripts/generateOgImages.mjs",
     "lint": "next lint && eslint \"src/content/**/*.md\"",
     "lint:fix": "next lint --fix && eslint \"src/content/**/*.md\" --fix",
     "format:source": "prettier --config .prettierrc --write \"{plugins,src}/**/*.{js,ts,jsx,tsx,css}\"",
@@ -51,6 +51,7 @@
     "@babel/plugin-transform-modules-commonjs": "^7.18.6",
     "@babel/preset-react": "^7.18.6",
     "@mdx-js/mdx": "^2.1.3",
+    "@resvg/resvg-js": "^2.6.2",
     "@types/body-scroll-lock": "^2.6.1",
     "@types/classnames": "^2.2.10",
     "@types/debounce": "^1.2.1",
@@ -102,6 +103,7 @@
     "retext": "^7.0.1",
     "retext-smartypants": "^4.0.0",
     "rss": "^1.2.2",
+    "satori": "^0.26.0",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.7.2",
     "unist-util-visit": "^2.0.3",