{ "issues": [ { "url": "https://api.github.com/repos/react/react/issues/36810", "id": 4687691104, "node_id": "I_kwDOAJy2Ks8AAAABF2h9YA", "number": 36810, "title": "Boundary Test - App Token", "user": { "login": "sprint1-test-app-v2[bot]", "id": 294270505, "node_id": "BOT_kgDOEYo2KQ", "avatar_url": "https://avatars.githubusercontent.com/u/261442549?v=4", "gravatar_id": "", "url": "https://api.github.com/users/sprint1-test-app-v2%5Bbot%5D", "type": "Bot", "user_view_type": "public", "site_admin": false }, "labels": {}, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-06-17T23:04:31Z", "updated_at": "2026-06-17T23:04:31Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": null, "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36810/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36807", "id": 4679799884, "node_id": "I_kwDOAJy2Ks8AAAABFvAUTA", "number": 36807, "title": "Bug: [CI] ci/codesandbox job not running since moving react to react org", "user": { "login": "MaxwellCohen", "id": 12485737, "node_id": "MDQ6VXNlcjEyNDg1NzM3", "avatar_url": "https://avatars.githubusercontent.com/u/12485737?v=4", "gravatar_id": "", "url": "https://api.github.com/users/MaxwellCohen", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-06-17T03:40:14Z", "updated_at": "2026-06-17T03:40:33Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "\n\nSince moving to https://github.com/react/react from https://github.com/facebook/react, I noticed that the CI is not running ci/codesandbox job to create the branch build of React for creating sandboxes.\n\nLooking at Codesandbox, the last build was about a week ago\nhttps://ci.codesandbox.io/status/facebook/react/pr/36724\n\n\"Image\"\n\nWhen I go to codesandbox for react/react, I am getting a not set up error: \nhttps://ci.codesandbox.io/status/react/react/pr/36724\n\n\"Image\"\n\n\nReact version: https://github.com/react/react repo (as of 6/16/2026)\n\n## Steps To Reproduce\n\n1. Open a PR that would update React DOM or React.\n2. Have the CI run the initial 4 basic checks, but only get 3\n\n\n\nLink to code example:\n\n\n\n## The current behavior\nHere is an example of a pr without the ci/sandbox job #36805 \n\n## The expected behavior\nHere is the last pr to have the ci/sandbox job #36711 \n", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36807/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36806", "id": 4679610833, "node_id": "I_kwDOAJy2Ks8AAAABFu0x0Q", "number": 36806, "title": "Bug:", "user": { "login": "baianavendas16-hub", "id": 229619918, "node_id": "U_kgDODa-4zg", "avatar_url": "https://avatars.githubusercontent.com/u/229619918?v=4", "gravatar_id": "", "url": "https://api.github.com/users/baianavendas16-hub", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-06-17T02:59:19Z", "updated_at": "2026-06-17T02:59:19Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "\n\nReact version:\n\n## Steps To Reproduce\n\n1.\n2.\n\n\n\nLink to code example:\n\n\n\n## The current behavior\n\n\n## The expected behavior\n", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36806/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36800", "id": 4672928616, "node_id": "I_kwDOAJy2Ks8AAAABFoc7aA", "number": 36800, "title": "[Compiler Bug]: `ref` callback not memoized in all situations", "user": { "login": "phryneas", "id": 4282439, "node_id": "MDQ6VXNlcjQyODI0Mzk=", "avatar_url": "https://avatars.githubusercontent.com/u/4282439?v=4", "gravatar_id": "", "url": "https://api.github.com/users/phryneas", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 1, "created_at": "2026-06-16T09:35:04Z", "updated_at": "2026-06-17T17:10:55Z", "closed_at": null, "assignee": null, "author_association": "CONTRIBUTOR", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### What kind of issue is this?\n\n- [x] React Compiler core (the JS output is incorrect, or your app works incorrectly after optimization)\n- [ ] babel-plugin-react-compiler (build issue installing or using the Babel plugin)\n- [ ] eslint-plugin-react-hooks (build issue installing or using the eslint plugin)\n- [ ] react-compiler-healthcheck (build issue installing or using the healthcheck script)\n\n### Link to repro\n\nhttps://playground.react.dev/#N4Igzg9grgTgxgUxALhAejQAggBwC4CWEAdpgIzKYEC2OEMemAhmJgAZRgICSYAwgAsYEak0Jw2mPBEzUE1CAQBeCKQNVsYCAGZsAOsRp0GmAOYI8vQcNHjM2m5gDkcISLEE4aAvze3PTgDcBkb0jHAANixgxExyrA4izpHRsfFBIbRhmABKCExwjInUzloFeBmGWSbAmJwIeWDKCAAiFgiF9JgAvvaOTmWFALRaTSpDACbtnTCVBggAHsbhJGCMAMoiCHwidMQIxIwAvJgAFLUpYGAAcnGq3QCUmEcAfJjABpiYGNj4RKQAJkoCgAbqpoHgmlM1KptFBiIV-lIZHIFM0YewtLpPpg4KtGD5rO47CdzJZfDYPHBTg9gsQcXjiGt3pgsZRRs08toes86lxGs02ngOtIYDS6TitHhYKRTjivgAeCYEEHyr6snRHYCnYgQKZPV7vNXqjVjBo6HV6hC043qn64QgkTAAZkoeOockO2CgjGksnkihUGM0On0pBN6oI3NOAEJCX4qU9gGgAFSYAB0mcwKbQ3Vt3Tz4ZNlxudy1JbSCDApycCzrQwUsTxQwQytFQxwTH2mAA7kM4REIk4ADS4qJXW5yYe2r72v5OgAsbpEnsYEOR-rRQbw6kxoeYACMIGCZyynMeEDBtBEIH2mD6ZDghgCnJR45TxKPCxHMA9v+qXltbQIAgNUFTQZUQUA8MbWIbpAhAYcQEZbQCFMFAQA+cMMHdHACCiR1iAAWStSg9BAJhB3IgxukQ8ABFvbhDkvWIIjAFBtEorhuiAA\n\n### Repro steps\n\nWhen writing code like this,\n```js\n// option 1: import as `useIsChromatic` to memoize the `ref`\nimport getIsChromatic from 'chromatic/isChromatic';\nimport classnames from 'classnames';\nimport React from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nexport const SomeComponent = ({ className }) => {\n // option 2: move outside the function to memoize the `ref`\n const isChromatic = getIsChromatic();\n\n const { ref: resizeRef } = useResizeDetector();\n\n return (\n {\n resizeRef(node);\n // option 3: comment out to memoize the `ref`\n if (!isChromatic) {/* ... */}\n }}\n className={classnames('xxx-monaco-editor-pane w-full', className,\n // option 4: comment out to memoize the `ref` above\n { 'overflow-auto p-2': isChromatic, }\n )}\n >\n foo\n \n );\n};\n```\nthe `ref` is not getting memoized, it just gets moved out:\n```js\n const t1 = (node) => {\n resizeRef(node);\n\n if (!isChromatic) {\n }\n };\n```\n\nWhen following one of the four options laid out in the comments, the code becomes correctly memoized:\n```js\n let t1;\n if ($[0] !== resizeRef) {\n t1 = (node) => {\n resizeRef(node);\n\n if (!isChromatic) {\n }\n };\n $[0] = resizeRef;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n```\n\nThis is very arbitrary and in our case led to thousands of rerenders due to the non-stable callback that were - thanks to the compiler - sub-1-ms, but still problematic.\n\n### How often does this bug happen?\n\nEvery time\n\n### What version of React are you using?\n\nirrelevant for this report\n\n### What version of React Compiler are you using?\n\n1.0.0, but also still occuring in the current playground", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36800/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36789", "id": 4663908119, "node_id": "I_kwDOAJy2Ks8AAAABFf2XFw", "number": 36789, "title": "Uncaught Error: Cannot add node \"24\" because a node with that id is already in the Store.[DevTools Bug] Cannot add node \"24\" because a node with that id is already in the Store.", "user": { "login": "KoushikwebDev", "id": 98579822, "node_id": "U_kgDOBeA1bg", "avatar_url": "https://avatars.githubusercontent.com/u/98579822?v=4", "gravatar_id": "", "url": "https://api.github.com/users/KoushikwebDev", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" }, "2": { "id": 710573595, "node_id": "MDU6TGFiZWw3MTA1NzM1OTU=", "url": "https://api.github.com/repos/react/react/labels/Component:%20Developer%20Tools", "name": "Component: Developer Tools", "color": "fbca04", "default": false, "description": null } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-06-15T09:46:22Z", "updated_at": "2026-06-15T09:46:22Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### Website or app\n\nlocalhost\n\n### Repro steps\n\nrun next.js project with node 24\n\n### How often does this bug happen?\n\nEvery time\n\n### DevTools package (automated)\n\nreact-devtools-extensions\n\n### DevTools version (automated)\n\n7.0.1-3cde211b0c\n\n### Error message (automated)\n\nCannot add node \"24\" because a node with that id is already in the Store.\n\n### Error call stack (automated)\n\n```text\nat chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:724736\n at p.emit (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:680330)\n at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:682241\n at bridgeListener (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1189368)\n```\n\n### Error component stack (automated)\n\n```text\n\n```\n\n### GitHub query string (automated)\n\n```text\nhttps://api.github.com/search/issues?q=Cannot add node because a node with that id is already in the Store. in:title is:issue is:open is:public label:\"Component: Developer Tools\" repo:facebook/react\n```", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36789/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36787", "id": 4659945728, "node_id": "I_kwDOAJy2Ks8AAAABFcEhAA", "number": 36787, "title": "[DevTools refactor]: Combine DevTools view-highlighting code into a single canvas", "user": { "login": "Biki-das", "id": 72331432, "node_id": "MDQ6VXNlcjcyMzMxNDMy", "avatar_url": "https://avatars.githubusercontent.com/u/72331432?v=4", "gravatar_id": "", "url": "https://api.github.com/users/Biki-das", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" }, "2": { "id": 710573595, "node_id": "MDU6TGFiZWw3MTA1NzM1OTU=", "url": "https://api.github.com/repos/react/react/labels/Component:%20Developer%20Tools", "name": "Component: Developer Tools", "color": "fbca04", "default": false, "description": null } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-06-14T17:14:32Z", "updated_at": "2026-06-14T17:17:44Z", "closed_at": null, "assignee": null, "author_association": "CONTRIBUTOR", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### Website or app\n\nN/A\n\n### Repro steps\n\nDevTools manages to handle DOM related highlighting using these two sources\n\n[backend/views/Highlighter](https://github.com/facebook/react/tree/main/packages/react-devtools-shared/src/backend/views/Highlighter): highlights the DOM for the currently selected element\n[backend/views/TraceUpdates](https://github.com/facebook/react/tree/main/packages/react-devtools-shared/src/backend/views/TraceUpdates): highlights the DOM when a component renders/updates\n\nwe can possibly refactor the same to use a unified canvas based approach, TraceUpdates was already migrated to canvas at some point, but Highlighter still injects DOM nodes.\n\nShared geometry already exists in `views/utils.js` (getNestedBoundingClientRect, getElementDimensions, mergeRectOffsets, extractHOCNames), used by both views.\n\nThe DOM based code benefit is it renders the box model (nested translucent margin / border / padding / content bands) easily using CSS borders, along with collision avoidance. so not sure if its worth refactoring \n\nthough i would love to get my hands dirty if this feels like something helpful \ncc @eps1lon @hoxyq \n\n\n### How often does this bug happen?\n\nEvery time\n\n### DevTools package (automated)\n\n_No response_\n\n### DevTools version (automated)\n\n_No response_\n\n### Error message (automated)\n\n_No response_\n\n### Error call stack (automated)\n\n```text\n\n```\n\n### Error component stack (automated)\n\n```text\n\n```\n\n### GitHub query string (automated)\n\n```text\n\n```", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36787/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36771", "id": 4654368717, "node_id": "I_kwDOAJy2Ks8AAAABFWwHzQ", "number": 36771, "title": "[Compiler Bug]:", "user": { "login": "ahamed716", "id": 293265879, "node_id": "U_kgDOEXrh1w", "avatar_url": "https://avatars.githubusercontent.com/u/293265879?v=4", "gravatar_id": "", "url": "https://api.github.com/users/ahamed716", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-06-13T04:36:56Z", "updated_at": "2026-06-13T04:36:56Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### What kind of issue is this?\n\n- [ ] React Compiler core (the JS output is incorrect, or your app works incorrectly after optimization)\n- [ ] babel-plugin-react-compiler (build issue installing or using the Babel plugin)\n- [ ] eslint-plugin-react-hooks (build issue installing or using the eslint plugin)\n- [ ] react-compiler-healthcheck (build issue installing or using the healthcheck script)\n\n### Link to repro\n\nReleases/19.0.x\n\n### Repro steps\n\n\n\n## Summary\n\n\n\n## How did you test this change?\n\n\n\n\n### How often does this bug happen?\n\nEvery time\n\n### What version of React are you using?\n\nReleases/19.0.x\n\n### What version of React Compiler are you using?\n\nReleases/19.0.x", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36771/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36769", "id": 4648676197, "node_id": "I_kwDOAJy2Ks8AAAABFRUrZQ", "number": 36769, "title": "Bug: react-refresh doesn't preserve names of functions defined in an object", "user": { "login": "aweebit", "id": 36817090, "node_id": "MDQ6VXNlcjM2ODE3MDkw", "avatar_url": "https://avatars.githubusercontent.com/u/36817090?v=4", "gravatar_id": "", "url": "https://api.github.com/users/aweebit", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 2, "created_at": "2026-06-12T11:03:29Z", "updated_at": "2026-06-15T16:07:13Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "\n\nReact version: 19.2.7\nreact-refresh version: 0.18.0\n\n## Steps To Reproduce\n\n\n\nLink to code example: https://stackblitz.com/edit/react-refresh-function-name-issue?file=src%2Findex.tsx\n\n```tsx\nimport { createContext, type Provider, useContext } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nconst moContextValueSymbol = Symbol('no-context-value');\n\nfunction createRequiredContext() {\n return (\n name: string extends Name ? never : Name\n ): {\n [K in `${Name}Provider`]: Provider;\n } & {\n [K in `use${Name}`]: () => T;\n } => {\n const providerName = `${name as Name}Provider` as const;\n const hookName = `use${name as Name}` as const;\n\n const Context = createContext(\n moContextValueSymbol\n );\n Context.displayName = `${name}Context`;\n\n return {\n [providerName]: Context.Provider as Provider,\n [hookName]: () => {\n const value = useContext(Context);\n if (value === moContextValueSymbol) {\n throw new Error(`No ${Context.displayName} value was provided`);\n }\n return value;\n },\n } as any;\n };\n}\n\nconst { ReactExampleProvider, useReactExample } =\n createRequiredContext()('ReactExample');\n\nconst hookName = 'useVanillaExample';\nconst { useVanillaExample } = { [hookName]: () => {} };\n\nconst Parent = () => (\n \n \n \n);\nconst Child = () => `Context value: ${useReactExample()}`;\n\ncreateRoot(document.getElementById('root')!).render(\n 
\n    {}\n    {'\\n\\n'}\n    useReactExample.name === \"{useReactExample.name}\"{'\\n'}\n    useVanillaExample.name === \"{useVanillaExample.name}\"\n
\n);\n```\n\n\n\n## The current behavior\n`useReactExample.name` is the empty string. When inspecting the `Child` instance in dev tools, you see a cryptic `tsx/createRequiredContext/{\n var _s = $RefreshSig$();\n const providerName = `${name}Provider`;\n const hookName = `use${name}`;\n const Context = /*#__PURE__*/ (0,react__rspack_import_1.createContext)(moContextValueSymbol);\n Context.displayName = `${name}Context`;\n return {\n [providerName]: Context.Provider,\n [hookName]: _s(()=>{\n _s();\n const value = (0,react__rspack_import_1.useContext)(Context);\n if (value === moContextValueSymbol) {\n throw new Error(`No ${Context.displayName} value was provided`);\n }\n return value;\n }, \"ksutO2/Ix3UeCrGnhyM+QEP505Y=\")\n };\n };\n}\n```", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36769/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36763", "id": 4646884474, "node_id": "I_kwDOAJy2Ks8AAAABFPnUeg", "number": 36763, "title": "Bug: (react-dom): Memory leak in Fizz Server due to unremoved AbortSignal listeners in Web Streams", "user": { "login": "SaqibFarhanProgrammer", "id": 192256222, "node_id": "U_kgDOC3WY3g", "avatar_url": "https://avatars.githubusercontent.com/u/192256222?v=4", "gravatar_id": "", "url": "https://api.github.com/users/SaqibFarhanProgrammer", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-06-12T06:22:37Z", "updated_at": "2026-06-12T06:30:28Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "\n\nReact version: 19.1.0-canary (Latest main branch)\n\nThere is a memory leak vulnerability in the React DOM Fizz Server (`ReactDOMFizzServerNode.js`) when utilizing `renderToReadableStream` and `resume` for web streams. Currently, when an `AbortSignal` is passed through options, an event listener is attached to the signal to abort the stream request if necessary. \n\nHowever, when the stream completes successfully or terminates due to an error, the `abortListener` is never cleared. This keeps a reference to the request context and stream handlers alive in memory, preventing garbage collection on long-lived `AbortSignal` references.\n\n## Steps To Reproduce\n\n1. Pass a shared or long-lived `AbortSignal` into `renderToReadableStream` options across multiple SSR requests.\n2. Observe that every single request appends a new listener to the signal that stays attached indefinitely even after the stream is fully closed or finished.\n3. This leads to a continuous build-up of memory under heavy traffic, causing a severe memory leak in Node.js/Edge environments.\n\n\n\nLink to code example:\n\nInside `packages/react-dom/src/server/ReactDOMFizzServerNode.js`, the abort listener is attached like this but lacks any cleanup logic during the stream's lifecycle completion:\n\n```javascript\nif (options && options.signal) {\n const signal = options.signal;\n if (signal.aborted) {\n abort(request, (signal as any).reason);\n } else {\n abortListener = () => {\n abort(request, (signal as any).reason);\n };\n signal.addEventListener('abort', abortListener);\n }\n}\nThe current behavior\nWhen renderToReadableStream or resume finishes processing (either successfully via onAllReady or due to errors via onShellError/onFatalError), the abort event listener remains attached to the AbortSignal. If the signal is reused or lives longer than the request, it leaks memory indefinitely.\n\nThe expected behavior\nThe abortListener should be cleanly removed using signal.removeEventListener('abort', abortListener) as soon as the stream reaches a terminal state (onAllReady, onShellError, or onFatalError) to allow proper garbage collection.", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36763/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [ 36785, 36764 ] }, { "url": "https://api.github.com/repos/react/react/issues/36749", "id": 4638538271, "node_id": "I_kwDOAJy2Ks8AAAABFHp6Hw", "number": 36749, "title": "[DevTools Bug] Cannot read properties of null (reading 'ownerDocument')", "user": { "login": "furyweapons", "id": 40520347, "node_id": "MDQ6VXNlcjQwNTIwMzQ3", "avatar_url": "https://avatars.githubusercontent.com/u/40520347?v=4", "gravatar_id": "", "url": "https://api.github.com/users/furyweapons", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" }, "2": { "id": 710573595, "node_id": "MDU6TGFiZWw3MTA1NzM1OTU=", "url": "https://api.github.com/repos/react/react/labels/Component:%20Developer%20Tools", "name": "Component: Developer Tools", "color": "fbca04", "default": false, "description": null } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-06-11T08:11:28Z", "updated_at": "2026-06-11T08:11:28Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### Website or app\n\nCode challenge found here: https://certificates.dev/react/dashboard/training/level-3-training?chapter=chapter-2-rendering-optimization&part=21\n\n### Repro steps\n\nOpen devtools\nGo to profiler\nRecord something for profiling\nGo to timeline view\nRMB on a timeline\n\n### How often does this bug happen?\n\nEvery time\n\n### DevTools package (automated)\n\nreact-devtools-extensions\n\n### DevTools version (automated)\n\n7.0.1-3cde211b0c\n\n### Error message (automated)\n\nCannot read properties of null (reading 'ownerDocument')\n\n### Error call stack (automated)\n\n```text\nat chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:919551\n at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:919824\n at commitHookEffectListMount (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:129924)\n at commitLayoutEffectOnFiber (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:142040)\n at recursivelyTraverseLayoutEffects (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:157699)\n at commitLayoutEffectOnFiber (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:141997)\n at recursivelyTraverseLayoutEffects (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:157699)\n at commitLayoutEffectOnFiber (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:141997)\n at recursivelyTraverseLayoutEffects (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:157699)\n at commitLayoutEffectOnFiber (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:141997)\n```\n\n### Error component stack (automated)\n\n```text\nat ContextMenu_ContextMenu (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:918953)\n at ContextMenuContainer (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:920310)\n at CanvasPageContextMenu (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1089461)\n at AutoSizedCanvas (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1091403)\n at div ()\n at _t (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:754231)\n at div ()\n at src_CanvasPage (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1096981)\n at TimelineSearchContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1089153)\n at div ()\n at Timeline_Timeline (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1116965)\n at div ()\n at div ()\n at div ()\n at SettingsModalContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:879909)\n at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1144384\n at ao (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:898411)\n at div ()\n at div ()\n at ThemeProvider (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:901116)\n at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:901313\n at div ()\n at div ()\n at div ()\n at ThemeProvider (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:901116)\n at SuspenseTreeContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1147064)\n at InspectedElementContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:915935)\n at TimelineContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:994422)\n at ProfilerContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:986233)\n at TreeContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:786019)\n at SettingsContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:815755)\n at ModalDialogContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:972480)\n at DevTools_DevTools (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1175879)\n```\n\n### GitHub query string (automated)\n\n```text\nhttps://api.github.com/search/issues?q=Cannot read properties of null (reading 'ownerDocument') in:title is:issue is:open is:public label:\"Component: Developer Tools\" repo:facebook/react\n```", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36749/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36741", "id": 4633299705, "node_id": "I_kwDOAJy2Ks8AAAABFCqK-Q", "number": 36741, "title": "Bug: Streamed Suspense boundaries never reveal/hydrate in hidden or occluded tabs ($RV reveal and hydration retry are gated on requestAnimationFrame)", "user": { "login": "aybouzaglou", "id": 37283693, "node_id": "MDQ6VXNlcjM3MjgzNjkz", "avatar_url": "https://avatars.githubusercontent.com/u/37283693?v=4", "gravatar_id": "", "url": "https://api.github.com/users/aybouzaglou", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": {}, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-06-10T17:02:37Z", "updated_at": "2026-06-10T18:28:39Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "React version: vendored in Next.js 16.2.6–16.2.9 and 16.3.0-canary.47. The same code is in `packages/react-dom-bindings/src/server/fizz-instruction-set/ReactDOMFizzInstructionSetShared.js` on `main` today.\n\n## Steps To Reproduce\n\n1. Server-render a page with a Suspense boundary whose content streams in after the shell (any Next.js App Router page with a suspended segment works).\n2. Open it in a background/hidden tab (or rely on Edge sleeping-tabs / Chromium window-occlusion on Windows) and keep it hidden until streaming finishes.\n3. **Scenario A (never revealed):** `window.$RB` still holds the queued pair, the boundary marker is still ``, fallback still in the DOM — nothing is interactive.\n4. **Scenario B (revealed, never hydrated):** open the tab while the shell paints so `$RT` is set, then immediately hide it; streaming finishes, content moves into place via the `setTimeout` throttle path, but `_reactRetry` is never called — the page looks complete but all buttons are dead.\n\nManually running `marker.data = '$'; marker._reactRetry()` (or `window.$RV(window.$RB)` followed by invoking retries) un-wedges the page, which confirms the diagnosis.\n\nNo JS errors are thrown in either scenario.\n\n## The current behavior\n\nBoth the batched boundary reveal (`$RV`) and the hydration retry are gated on `requestAnimationFrame`, which browsers never fire in hidden/occluded tabs:\n\n1. The bootstrap sets `$RT` via `requestAnimationFrame(function(){$RT=performance.now()})`. In a hidden tab this rAF never fires, so `$RT` remains `undefined`.\n2. `completeBoundary` (`$RC`) marks the boundary `` (`SUSPENSE_QUEUED_START_DATA`), pushes it into `$RB`, and — because `typeof $RT !== 'number'` — schedules the flush with `requestAnimationFrame($RV.bind(null, $RB))`. That rAF never fires while hidden, so the boundary stays queued forever.\n3. On the client, `registerSuspenseInstanceRetry` sees `$~` and parks the retry on `instance._reactRetry`; that callback is only invoked from inside `$RV`, which never ran.\n4. Even in scenario B (tab visible at first paint so `$RT` is set, then hidden), `revealCompletedBoundaries` still re-defers `_reactRetry` via `requestAnimationFrame(suspenseNode._reactRetry)` — content is moved into place and painted, but hydration never runs.\n\nScenario B is the nastier production case: Chromium's window-occlusion detection on Windows can report `visibilityState === \"hidden\"` for a window the user is actively clicking, so they see a fully-painted page that never becomes interactive. We traced a real-world dead-click cluster (12 dead clicks on one button, Edge/Windows, zero JS errors) to exactly this.\n\n## The expected behavior\n\nBoundaries should reveal and hydrate even when the document is hidden. The rAF throttle is a paint heuristic; when there is no paint, there is nothing to throttle. Suggested fix: use `setTimeout(..., 0)` instead of `requestAnimationFrame` when `document.visibilityState === 'hidden'`, and/or flush any pending `$RB` entries and `_reactRetry` callbacks on `visibilitychange`.\n\n**Workaround (in use):** we ship an inline script that, while `document.hidden`, periodically calls `window.$RV(window.$RB)` then walks comment nodes and invokes any `_reactRetry` still on `` markers (idempotent). Happy to share the full snippet.\n", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36741/reactions", "total_count": 1, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 1, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [ 36751 ] }, { "url": "https://api.github.com/repos/react/react/issues/36722", "id": 4618820082, "node_id": "I_kwDOAJy2Ks8AAAABE02Z8g", "number": 36722, "title": "Implement memory profiling system with automatic leak detection and optimization suggestions", "user": { "login": "anshul23102", "id": 167362756, "node_id": "U_kgDOCfnAxA", "avatar_url": "https://avatars.githubusercontent.com/u/167362756?v=4", "gravatar_id": "", "url": "https://api.github.com/users/anshul23102", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": {}, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 2, "created_at": "2026-06-09T04:27:53Z", "updated_at": "2026-06-13T10:35:09Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "## Problem Statement\nReact applications lack built-in memory leak detection. Long-running applications experience gradual memory growth without visibility into cause. Current DevTools memory profiling requires external analysis. No automated suggestions for memory optimization patterns.\n\n**Business Impact:** Reduces memory usage by 35-50%, prevents OutOfMemory errors in production, improves application stability, reduces infrastructure costs.\n\n## Root Cause Analysis\nMemory management is developer responsibility. DevTools provide snapshots but not trend analysis. No automated pattern recognition for common memory leak causes.\n\n## Solution Overview\nImplement memory profiling and leak detection:\n- Build automated memory profiling system\n- Detect memory growth patterns over time\n- Identify component lifecycle memory leaks\n- Analyze detached DOM elements and event listeners\n- Suggest optimization patterns automatically\n- Create Real-Time memory monitoring dashboard\n\n**Implementation Steps:**\n1. Extend React DevTools with memory profiling\n2. Implement trend analysis algorithm\n3. Create pattern recognition for common leaks\n4. Build optimization suggestion engine\n5. Add production monitoring integration\n\n## Type of Change\n- Enhancement (performance)\n- Developer tooling\n- Memory optimization\n\n## Testing Done\n- Test memory profiling on 50+ React applications\n- Simulate various memory leak scenarios\n- Measure profiling overhead (< 5% impact)\n- Test with applications spanning 100MB+ memory usage\n- Verify accuracy of leak detection (95%+ accuracy)\n- Profile with different memory configurations\n- Long-running stability tests (24+ hours)\n\n## Related Issues & Standards\n- V8 Memory Profiler integration\n- Chrome DevTools Memory API standards\n\n## Suggested Labels\n- enhancement, performance, memory-profiling, developer-tools, GSSoC26", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36722/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36721", "id": 4618818093, "node_id": "I_kwDOAJy2Ks8AAAABE02SLQ", "number": 36721, "title": "Add comprehensive accessibility audit system with automated WCAG 2.1 AA compliance checking", "user": { "login": "anshul23102", "id": 167362756, "node_id": "U_kgDOCfnAxA", "avatar_url": "https://avatars.githubusercontent.com/u/167362756?v=4", "gravatar_id": "", "url": "https://api.github.com/users/anshul23102", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": {}, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 1, "created_at": "2026-06-09T04:27:32Z", "updated_at": "2026-06-09T04:27:52Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "## Problem Statement\nReact components lack built-in accessibility verification. WCAG 2.1 AA compliance requires manual auditing. No automated detection of missing ARIA attributes, semantic HTML violations, or keyboard navigation issues. Teams waste 20-30% of development time on manual accessibility testing.\n\n**Business Impact:** Reduces accessibility testing time by 70%, ensures regulatory compliance (WCAG, AODA, ADA), improves user inclusivity, reduces legal liability.\n\n## Root Cause Analysis\nAccessibility is treated as separate from component development. No integrated checking during development. Manual auditing is error-prone and time-consuming.\n\n## Solution Overview\nCreate integrated accessibility audit system:\n- Build eslint plugin for accessibility rule enforcement\n- Implement WCAG 2.1 AA compliance checker\n- Auto-detect missing ARIA attributes in components\n- Verify semantic HTML structure\n- Create React DevTools extension for audit visualization\n- Generate accessibility reports\n\n**Implementation Steps:**\n1. Create eslint-plugin-react-a11y with comprehensive rules\n2. Implement AST analysis for accessibility violations\n3. Build WCAG 2.1 AA compliance checker\n4. Add React DevTools audit panel\n5. Create CI/CD integration and reporting\n\n## Type of Change\n- Enhancement (accessibility)\n- Quality assurance improvement\n- Developer tooling\n\n## Testing Done\n- Test on 100+ React components with various patterns\n- Verify WCAG 2.1 AA compliance detection accuracy\n- Performance testing (< 500ms per component)\n- Test with real screen readers (NVDA, JAWS, VoiceOver)\n- Keyboard navigation comprehensive testing\n- Integration testing with popular component libraries\n\n## Related Issues & Standards\n- WCAG 2.1 AA compliance requirements\n- Accessibility standards: Section 508, AODA\n\n## Suggested Labels\n- enhancement, accessibility, wcag, quality-assurance, GSSoC26", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36721/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36720", "id": 4618816769, "node_id": "I_kwDOAJy2Ks8AAAABE02NAQ", "number": 36720, "title": "Implement concurrent rendering with automatic priority scheduling for user interactions", "user": { "login": "anshul23102", "id": 167362756, "node_id": "U_kgDOCfnAxA", "avatar_url": "https://avatars.githubusercontent.com/u/167362756?v=4", "gravatar_id": "", "url": "https://api.github.com/users/anshul23102", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": {}, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 1, "created_at": "2026-06-09T04:27:19Z", "updated_at": "2026-06-09T04:27:30Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "## Problem Statement\nReact's concurrent features lack automatic priority detection for user interactions. Applications with mixed I/O-bound and computation-heavy operations experience degraded responsiveness. No built-in mechanism prioritizes user interactions like clicks and scrolls over background updates.\n\n**Business Impact:** Improves perceived performance by 40%, increases user satisfaction, reduces janky animations in production applications.\n\n## Root Cause Analysis\nCurrent concurrency model requires manual useTransition/useDeferredValue usage. No automatic detection of interaction urgency. Developer coordination overhead is high.\n\n## Solution Overview\nImplement automatic interaction priority scheduling:\n- Detect user interactions at React event level\n- Auto-prioritize state updates from interaction handlers\n- Build time-slicing algorithm for background updates\n- Create heuristic priority system based on interaction type\n- Add metrics and monitoring for priority scheduling\n\n**Implementation Steps:**\n1. Enhance event handling to detect interaction source\n2. Implement priority queue for concurrent updates\n3. Build scheduling algorithm with configurable priorities\n4. Add React DevTools visualization for scheduling\n5. Document best practices and performance patterns\n\n## Type of Change\n- Enhancement (performance)\n- Concurrent features improvement\n- User experience optimization\n\n## Testing Done\n- Test 50+ real-world interaction patterns\n- Measure responsiveness improvement with synthetic benchmarks\n- Profile scheduling overhead (< 50ms per update)\n- Test with accessibility tools and keyboard navigation\n- Cross-browser stress testing\n- Monitor memory impact in long-running applications\n\n## Related Issues & Standards\n- Web Standards: User Timing API\n- Benchmarks: FID < 100ms target\n\n## Suggested Labels\n- enhancement, concurrency, performance, user-interaction, GSSoC26", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36720/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36719", "id": 4618815497, "node_id": "I_kwDOAJy2Ks8AAAABE02ICQ", "number": 36719, "title": "Enhance error boundary with recovery suggestions and source map debugging", "user": { "login": "anshul23102", "id": 167362756, "node_id": "U_kgDOCfnAxA", "avatar_url": "https://avatars.githubusercontent.com/u/167362756?v=4", "gravatar_id": "", "url": "https://api.github.com/users/anshul23102", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": {}, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 1, "created_at": "2026-06-09T04:27:05Z", "updated_at": "2026-06-14T06:24:17Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "## Problem Statement\nReact error boundaries suppress errors without providing developers actionable recovery suggestions. Stack traces lack source map resolution in production builds. Error context is minimal, making debugging enterprise applications difficult. No built-in mechanism suggests fixes for common error patterns.\n\n**Business Impact:** Reduces debugging time by 60%, improves developer productivity, enables faster incident response in production environments.\n\n## Root Cause Analysis\nError boundaries catch errors but provide minimal context. Source mapping is external concern. No pattern recognition for common error types exists.\n\n## Solution Overview\nEnhance error boundaries with intelligent debugging:\n- Auto-expand error context with component hierarchy visualization\n- Implement source map resolution for production builds\n- Build pattern recognition for common errors (null dereference, type mismatches)\n- Suggest fix strategies based on error type\n- Integrate with DevTools for enhanced debugging\n\n**Implementation Steps:**\n1. Extend ErrorBoundary with context collectors\n2. Add source map parsing and resolution logic\n3. Create error pattern database with recovery suggestions\n4. Build React DevTools extension UI for error exploration\n5. Add documentation for error handling best practices\n\n## Type of Change\n- Enhancement (developer experience)\n- Debugging improvement\n- Error handling\n\n## Testing Done\n- Test 100+ common React error scenarios\n- Verify source map resolution accuracy in production builds\n- Test performance impact on error handling (< 100ms)\n- Cross-browser compatibility testing\n- Profile memory usage with large error stacks\n- Test with real-world error patterns from production monitoring\n\n## Related Issues & Standards\n- Web Standards: Error reporting and handling\n- Benchmarks: Error recovery time < 5 minutes\n\n## Suggested Labels\n- enhancement, error-handling, debugging, developer-experience, GSSoC26", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36719/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [ 36781, 36777 ] }, { "url": "https://api.github.com/repos/react/react/issues/36718", "id": 4618812555, "node_id": "I_kwDOAJy2Ks8AAAABE018iw", "number": 36718, "title": "Implement lazy loading optimization for large component trees with automatic code splitting", "user": { "login": "anshul23102", "id": 167362756, "node_id": "U_kgDOCfnAxA", "avatar_url": "https://avatars.githubusercontent.com/u/167362756?v=4", "gravatar_id": "", "url": "https://api.github.com/users/anshul23102", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": {}, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 1, "created_at": "2026-06-09T04:26:37Z", "updated_at": "2026-06-09T04:26:45Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "## Problem Statement\nReact applications with deep component hierarchies experience significant performance degradation. When rendering component trees exceeding 1000+ nodes, initial bundle size and Time to Interactive (TTI) metrics worsen substantially. Current code-splitting mechanisms require manual optimization; automatic lazy-loading detection would improve developer experience and reduce bundle bloat.\n\n**Business Impact:** Reduces initial load time by 30-50%, improves Core Web Vitals (LCP, FID, CLS), increases user engagement and conversion rates in enterprise applications.\n\n## Root Cause Analysis\nReact's static import system requires manual code-splitting implementation. No built-in mechanism detects frequently non-critical components. Bundle analysis tools are external, creating fragmentation in the optimization workflow.\n\n## Solution Overview\nImplement automatic lazy loading detection:\n- Analyze component tree at build time using AST analysis\n- Identify components with low immediate render priority\n- Auto-wrap with React.lazy() with configurable thresholds\n- Provide eslint-plugin-react rule for manual optimization hints\n- Add dev tools visualization of component loading waterfall\n\n**Implementation Steps:**\n1. Create babel-plugin-react-lazy-auto for AST analysis\n2. Implement heuristics: component depth, re-render frequency, user interaction dependency\n3. Build webpack/vite integrations for automatic splitting\n4. Add React DevTools extension for loading analysis\n5. Document performance optimization patterns\n\n## Type of Change\n- Enhancement (new feature)\n- Performance optimization\n- Developer experience improvement\n\n## Testing Done\n- Test 50+ real-world React applications with varying component depths\n- Benchmark bundle size reduction (target: 25-40% reduction)\n- Measure TTI improvement with synthetic and real user data\n- Verify no runtime errors or memory leaks with automated testing\n- Cross-browser compatibility testing (Chrome, Firefox, Safari, Edge)\n- Profile with React Profiler under production conditions\n\n## Related Issues & Standards\n- Related: React RFC on automatic code-splitting\n- Standards: Web Performance Working Group guidelines\n- Benchmarks: Core Web Vitals (LCP < 2.5s, FID < 100ms, CLS < 0.1)\n\n## Suggested Labels\n- enhancement, performance, code-splitting, developer-experience, GSSoC26", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36718/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36717", "id": 4618470228, "node_id": "I_kwDOAJy2Ks8AAAABE0hDVA", "number": 36717, "title": "Bug: Submission to https://bugbounty.meta.com/report/ is not possible due to a strict-origin-when-cross-origin error.", "user": { "login": "stuxnet147", "id": 25169541, "node_id": "MDQ6VXNlcjI1MTY5NTQx", "avatar_url": "https://avatars.githubusercontent.com/u/25169541?v=4", "gravatar_id": "", "url": "https://api.github.com/users/stuxnet147", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 4, "created_at": "2026-06-09T03:17:59Z", "updated_at": "2026-06-15T04:30:02Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "I attempted to report two security vulnerabilities through bugbounty.meta.com, but the submission failed due to an error when I clicked the submit button. \n\n```\nLoading the stylesheet 'https://www.gstatic.com/.../el_main_css' violates the following Content Security Policy directive: \"style-src 'self' 'unsafe-inline' data: *.fbcdn.net 'unsafe-eval'\". Note that 'style-src-elem' was not explicitly set, so 'style-src' is used as a fallback. The action has been blocked.\n```\n\nTherefore, I have submitted the two vulnerabilities via GitHub, so I would appreciate it if you could review them.\n\nIf anything in the write ups is unclear, or you'd like additional detail, a refined PoC, or help validating a fix, I'm glad to assist.", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36717/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36714", "id": 4614765166, "node_id": "I_kwDOAJy2Ks8AAAABEw-6bg", "number": 36714, "title": "[DevTools Bug]: Brat Generator Text Rendering Problem on GitHub Deploymention", "user": { "login": "bratgeneratory-spec", "id": 291854716, "node_id": "U_kgDOEWVZfA", "avatar_url": "https://avatars.githubusercontent.com/u/291854716?v=4", "gravatar_id": "", "url": "https://api.github.com/users/bratgeneratory-spec", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" }, "2": { "id": 710573595, "node_id": "MDU6TGFiZWw3MTA1NzM1OTU=", "url": "https://api.github.com/repos/react/react/labels/Component:%20Developer%20Tools", "name": "Component: Developer Tools", "color": "fbca04", "default": false, "description": null } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 1, "created_at": "2026-06-08T16:41:43Z", "updated_at": "2026-06-08T16:45:04Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### Website or app\n\nhttps://bratgeneratory.com/\n\n### Repro steps\n\nHello everyone,\n\nI'm currently experiencing a deployment issue with my [brat generator](https://bratgeneratory.com/) project hosted on GitHub Pages. The application functions perfectly in my local development environment, but after deployment, several visual and styling elements do not appear as expected.\n\n### Issue Overview\n\nAfter publishing the project, I noticed that the deployed version looks different from the local version. The core functionality works, but some design elements are not rendering correctly.\n\n### Problems Encountered\n\n* Custom fonts fail to load consistently after deployment.\n* Background colors and text positioning differ from the local build.\n* Certain text effects generated by the brat generator appear distorted on mobile devices.\n* CSS styling behaves differently across Chrome, Firefox, and Safari.\n* Layout consistency issues occur on both desktop and mobile browsers.\n\n### Environment\n\n* Platform: GitHub Pages\n* Technology Stack: HTML, CSS, JavaScript\n* Browsers Tested: Chrome, Firefox, Safari\n* Devices Tested: Desktop and Mobile\n\n### Steps to Reproduce\n\n1. Open the deployed brat generator application.\n2. Enter any text into the generator.\n3. Generate a design.\n4. Compare the output with the local development version.\n\n### Expected Behavior\n\nThe deployed version should match the local version exactly, including fonts, colors, text alignment, effects, and overall layout.\n\n### Potential Causes\n\n* Incorrect asset or font file paths after deployment.\n* Font resources not being loaded properly by GitHub Pages.\n* Browser caching issues causing outdated styles to be displayed.\n* CSS compatibility or rendering differences across browsers.\n* Mobile-specific styling conflicts affecting generated text effects.\n\nIf anyone has faced similar issues with GitHub Pages deployments, typography-based generators, or frontend styling inconsistencies, I would greatly appreciate any suggestions, troubleshooting tips, or recommended solutions.\n\nThank you for your time and assistance.\n\n\n### How often does this bug happen?\n\nEvery time\n\n### DevTools package (automated)\n\n_No response_\n\n### DevTools version (automated)\n\n_No response_\n\n### Error message (automated)\n\n_No response_\n\n### Error call stack (automated)\n\n```text\n\n```\n\n### Error component stack (automated)\n\n```text\n\n```\n\n### GitHub query string (automated)\n\n```text\n\n```", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36714/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36680", "id": 4580225783, "node_id": "I_kwDOAJy2Ks8AAAABEQCy9w", "number": 36680, "title": "[DevTools Bug]: Sole Trader Tax Challenges and How to Stay Compliant", "user": { "login": "mhikelhenry123-lab", "id": 284035048, "node_id": "U_kgDOEO4H6A", "avatar_url": "https://avatars.githubusercontent.com/u/284035048?v=4", "gravatar_id": "", "url": "https://api.github.com/users/mhikelhenry123-lab", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" }, "2": { "id": 710573595, "node_id": "MDU6TGFiZWw3MTA1NzM1OTU=", "url": "https://api.github.com/repos/react/react/labels/Component:%20Developer%20Tools", "name": "Component: Developer Tools", "color": "fbca04", "default": false, "description": null } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-06-03T13:22:15Z", "updated_at": "2026-06-03T13:22:52Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### Website or app\n\nhttps://eternityaccountants.co.uk/our-services/\n\n### Repro steps\n\nMany sole traders struggle with managing their tax responsibilities effectively. Unlike employees, sole traders are fully responsible for calculating, reporting, and paying their own taxes. Common issues include missed deadlines, incorrect expense claims, poor record keeping, and confusion around allowable deductions.\n\nA frequent problem is underestimating tax liabilities, which can lead to unexpected bills at the end of the financial year. Additionally, many sole traders are unsure how to separate personal and business expenses, which can result in errors during tax filing and potential penalties from tax authorities.\n\nCommon Issues Faced by Sole Traders\nDifficulty tracking income and expenses accurately\nMissing Self Assessment deadlines\nUncertainty about allowable business expenses\nIncorrect tax calculations or underpayment\nLack of structured financial records\nConfusion around VAT registration thresholds\nSolution: Professional Sole Trader Tax Services\n\nA structured approach to tax management can resolve these issues effectively. Professional tax services help sole traders stay compliant, organised, and financially prepared throughout the year.\n\nKey Solutions Include:\n\n1. Accurate Record Keeping\nMaintaining clear records of income and expenses ensures accurate tax calculations and reduces the risk of errors.\n\n2. Self Assessment Support\nProfessional assistance ensures tax returns are completed correctly and submitted on time, avoiding penalties.\n\n3. Expense Management Guidance\nClear advice on allowable expenses helps maximise tax efficiency while staying compliant with regulations.\n\n4. Tax Planning & Forecasting\nPlanning ahead allows sole traders to understand future liabilities and manage cash flow effectively.\n\n5. Compliance Assurance\nEnsures all HMRC requirements are met, reducing risk and providing peace of mind.\n\nConclusion\n\nManaging taxes as a sole trader can be challenging without proper guidance. With the right support, tax obligations become simpler, more accurate, and less stressful. Professional[ sole trader tax services](https://eternityaccountants.co.uk/our-services/) help ensure compliance while allowing business owners to focus on growth and day-to-day operations.", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36680/reactions", "total_count": 1, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 1 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36601", "id": 4577516657, "node_id": "I_kwDOAJy2Ks8AAAABENdccQ", "number": 36601, "title": "[Compiler Bug]: Components prefixed with `_` are assumed host components", "user": { "login": "imjordanxd", "id": 11622394, "node_id": "MDQ6VXNlcjExNjIyMzk0", "avatar_url": "https://avatars.githubusercontent.com/u/11622394?v=4", "gravatar_id": "", "url": "https://api.github.com/users/imjordanxd", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 3, "created_at": "2026-06-03T06:36:51Z", "updated_at": "2026-06-04T22:12:37Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### What kind of issue is this?\n\n- [x] React Compiler core (the JS output is incorrect, or your app works incorrectly after optimization)\n- [ ] babel-plugin-react-compiler (build issue installing or using the Babel plugin)\n- [ ] eslint-plugin-react-hooks (build issue installing or using the eslint plugin)\n- [ ] react-compiler-healthcheck (build issue installing or using the healthcheck script)\n\n### Link to repro\n\nhttps://playground.react.dev/#N4Igzg9grgTgxgUxALhAMygOzgFwJYSYAEAYhBABTBED6AQgIYxEC+yR19T7ASgg7gB0AYQgBbAA6EEmHABUAnhISsAlBwA6xIjAQ5YxClqImiAHi4wAfMdMngFdQF4r5gCZ4AbkQD0VlrYmZj6WNtqqANxaAZggADQgcIRoeADmKCDAtj4+SZJ4ADYM+IQAshBuCOwaIAwFBTXR8eAAFhAA7gCSsggwmHVgKDgwUAgsQA\n\n### Repro steps\n\nThe following code:\n\n```tsx\nfunction Foo({ _Bar }: { _Bar: React.ComponentType }) {\n return (\n <_Bar>\n {() =>
}\n \n );\n }\n```\n\nis compiled to the following:\n\n```tsx\nimport { c as _c } from \"react/compiler-runtime\";\nfunction Foo(t0) {\n const $ = _c(1);\n let t1;\n if ($[0] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t1 = <_Bar>{_temp};\n $[0] = t1;\n } else {\n t1 = $[0];\n }\n return t1;\n}\nfunction _temp() {\n return
;\n}\n```\n\nIt appears the the compiler makes an assumption that anything prefixed with `_` is a host / built-on component [here](https://github.com/facebook/react/blob/557e28fae7cbd4cf2714d556f6d8a3a42f7d8ce2/compiler/packages/babel-plugin-react-compiler/src/HIR/BuildHIR.ts#L3412). The `_`-prefix is admittedly an unconventional naming choice, but it's valid JavaScript and **worked fine before React Compiler**. The breakage is silent and surprising: React's convention is that lowercase tags are host components, a leading underscore followed by a capital letter is not lowercase, so a reader (and the JSX runtime) reasonably reads `<_Bar>` as a component, not a host element. The compiler diverges from that expectation.\n\nThe fix was trivia and required an alias:\n\n```tsx\nfunction Foo({ _Bar: Bar }: { _Bar: React.ComponentType }) {\n return (\n \n {() =>
}\n \n );\n }\n```\n\n### How often does this bug happen?\n\nEvery time\n\n### What version of React are you using?\n\n19.2.3\n\n### What version of React Compiler are you using?\n\n1.0.0", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36601/reactions", "total_count": 2, "+1": 1, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 1, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [ 36747, 36703, 36688, 36686 ] }, { "url": "https://api.github.com/repos/react/react/issues/36596", "id": 4571262103, "node_id": "I_kwDOAJy2Ks8AAAABEHfslw", "number": 36596, "title": "[DevTools Bug] Cannot read properties of undefined (reading 'concat')", "user": { "login": "AhmetAyyildiz-coder", "id": 84086596, "node_id": "MDQ6VXNlcjg0MDg2NTk2", "avatar_url": "https://avatars.githubusercontent.com/u/84086596?v=4", "gravatar_id": "", "url": "https://api.github.com/users/AhmetAyyildiz-coder", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" }, "2": { "id": 710573595, "node_id": "MDU6TGFiZWw3MTA1NzM1OTU=", "url": "https://api.github.com/repos/react/react/labels/Component:%20Developer%20Tools", "name": "Component: Developer Tools", "color": "fbca04", "default": false, "description": null } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-06-02T12:06:17Z", "updated_at": "2026-06-02T12:06:17Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### Website or app\n\nprivate\n\n### Repro steps\n\n[DevTools Bug] Cannot read properties of undefined (reading 'concat')\n\n### How often does this bug happen?\n\nEvery time\n\n### DevTools package (automated)\n\nreact-devtools-extensions\n\n### DevTools version (automated)\n\n7.0.1-3cde211b0c\n\n### Error message (automated)\n\nCannot read properties of undefined (reading 'concat')\n\n### Error call stack (automated)\n\n```text\nat updateTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:700076)\n at getCommitTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:698760)\n at $e.getCommitTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:703384)\n at CommitFlamegraphAutoSizer (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1005870)\n at renderWithHooks (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:66940)\n at updateFunctionComponent (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:97513)\n at beginWork (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:111594)\n at performUnitOfWork (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:184246)\n at workLoopSync (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:184102)\n at renderRootSync (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:183886)\n```\n\n### Error component stack (automated)\n\n```text\nat CommitFlamegraphAutoSizer (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1005671)\n at div ()\n at div ()\n at div ()\n at SettingsModalContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:879909)\n at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1144384\n at ao (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:898411)\n at div ()\n at div ()\n at ThemeProvider (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:901116)\n at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:901313\n at div ()\n at div ()\n at div ()\n at ThemeProvider (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:901116)\n at SuspenseTreeContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1147064)\n at InspectedElementContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:915935)\n at TimelineContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:994422)\n at ProfilerContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:986233)\n at TreeContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:786019)\n at SettingsContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:815755)\n at ModalDialogContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:972480)\n at DevTools_DevTools (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1175879)\n```\n\n### GitHub query string (automated)\n\n```text\nhttps://api.github.com/search/issues?q=Cannot read properties of undefined (reading 'concat') in:title is:issue is:open is:public label:\"Component: Developer Tools\" repo:facebook/react\n```", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36596/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [ 36698 ] }, { "url": "https://api.github.com/repos/react/react/issues/36594", "id": 4567748620, "node_id": "I_kwDOAJy2Ks8AAAABEEJQDA", "number": 36594, "title": "Bug: Context updates cause hydration errors when consumers are streamed", "user": { "login": "denk0403", "id": 3473945, "node_id": "MDQ6VXNlcjM0NzM5NDU=", "avatar_url": "https://avatars.githubusercontent.com/u/3473945?v=4", "gravatar_id": "", "url": "https://api.github.com/users/denk0403", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-06-02T02:02:18Z", "updated_at": "2026-06-02T04:57:16Z", "closed_at": null, "assignee": null, "author_association": "CONTRIBUTOR", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "\n\nUpdating a context value in an already-hydrated ancestor before a streamed `Suspense` child that reads that context finishes streaming causes a hydration mismatch. The streamed segment was rendered on the server with the initial context value, but the client hydrates it against the updated context.\n\nThis might be similar to #22692, but the suggestions there about memoization or using `startTransition` don't seem to apply or fix the issue. I suspect this is related to [Lazy Context Propagation](https://github.com/reactjs/rfcs/pull/118).\n\nReact version: 19+\n\n## Steps To Reproduce\n\n1. Within RSC, render a client context provider around a `Suspense` boundary whose fallback is shown while an async child suspends (e.g. `await` a delay, then render a component that calls `useContext` on that provider).\n2. Load the page and wait for the initial shell to hydrate (provider + button are interactive; the suspended child is still pending / showing fallback).\n3. Click the button to update the context **before** the suspended child’s streamed HTML arrives and hydrates (within the suspend delay, e.g. <2s in the repro below).\n4. When the streamed boundary for the suspended child is applied and React hydrates `DisplayNumber`, observe a hydration error.\n\nhttps://github.com/user-attachments/assets/21bc428e-5b37-465c-8325-47eb274eda82\n\n\n\nLink to code example: https://stackblitz.com/edit/stackblitz-starters-1km3edxy?file=app%2Fpage.tsx,app%2FClient.tsx,app%2Flayout.tsx,tsconfig.json\n\n\n\n## The current behavior\n\nWhen the `Suspense` boundary resolves, React replaces the fallback UI with the server-rendered HTML. Then upon hydration, it detects a mismatch, reports an error, and regenerates the tree on the client.\n\n## The expected behavior\n\nI'm not entirely sure. At the minimum, an error doesn't seem appropriate because the code doesn't really seem \"wrong\" or unidiomatic in any way. But to avoid seeing a mismatch or regenerating the tree, perhaps React should track if a streaming `Suspense` boundary has pending context updates, and when the streaming content resolves, apply those updates before revealing the content.\n", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36594/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [ 36595 ] }, { "url": "https://api.github.com/repos/react/react/issues/36582", "id": 4557289077, "node_id": "I_kwDOAJy2Ks8AAAABD6K2dQ", "number": 36582, "title": "Question about documentation", "user": { "login": "deathlegionteamlk", "id": 282236307, "node_id": "U_kgDOENKVkw", "avatar_url": "https://avatars.githubusercontent.com/u/282236307?v=4", "gravatar_id": "", "url": "https://api.github.com/users/deathlegionteamlk", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": {}, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-05-31T10:41:31Z", "updated_at": "2026-05-31T10:41:31Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "Hi, I am from DEATHLEGION Sri Lanka. Great project! Just wanted to ask about the documentation for this feature. Could you please clarify how to use this in a production environment? Thanks!", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36582/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36579", "id": 4554875750, "node_id": "I_kwDOAJy2Ks8AAAABD33jZg", "number": 36579, "title": "[Compiler Bug]:", "user": { "login": "amitsingh881024-ctrl", "id": 230885788, "node_id": "U_kgDODcMJnA", "avatar_url": "https://avatars.githubusercontent.com/u/230885788?v=4", "gravatar_id": "", "url": "https://api.github.com/users/amitsingh881024-ctrl", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 1, "created_at": "2026-05-30T15:43:02Z", "updated_at": "2026-06-01T11:42:50Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### What kind of issue is this?\n\n- [x] React Compiler core (the JS output is incorrect, or your app works incorrectly after optimization)\n- [x] babel-plugin-react-compiler (build issue installing or using the Babel plugin)\n- [x] eslint-plugin-react-hooks (build issue installing or using the eslint plugin)\n- [ ] react-compiler-healthcheck (build issue installing or using the healthcheck script)\n\n### Link to repro\n\nhealth \n\n### Repro steps\n\nclass HealthTracker:\n def __init__(self):\n self.water = 0\n self.exercise = 0\n self.sleep = 0\n\n def add_water(self, glasses):\n self.water += glasses\n\n def add_exercise(self, minutes):\n self.exercise += minutes\n\n def add_sleep(self, hours):\n self.sleep += hours\n\n def show_report(self):\n print(\"\\n--- Health Report ---\")\n print(f\"Water Intake: {self.water} glasses\")\n print(f\"Exercise: {self.exercise} minutes\")\n print(f\"Sleep: {self.sleep} hours\")\n\n if self.water >= 8:\n print(\"✓ Good hydration\")\n if self.exercise >= 30:\n print(\"✓ Active lifestyle\")\n if self.sleep >= 7:\n print(\"✓ Healthy sleep schedule\")\n\n\ntracker = HealthTracker()\n\ntracker.add_water(8)\ntracker.add_exercise(45)\ntracker.add_sleep(8)\n\ntracker.show_report()\n\n### How often does this bug happen?\n\nEvery time\n\n### What version of React are you using?\n\nnpm list react\n\n### What version of React Compiler are you using?\n\nnpm list babel-plugin-react-compiler", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36579/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36577", "id": 4554354854, "node_id": "I_kwDOAJy2Ks8AAAABD3Xwpg", "number": 36577, "title": "[DevTools Bug] Cannot set rects for suspense node \"168\" because no matching node was found in the Store.", "user": { "login": "ColinClark", "id": 5274797, "node_id": "MDQ6VXNlcjUyNzQ3OTc=", "avatar_url": "https://avatars.githubusercontent.com/u/5274797?v=4", "gravatar_id": "", "url": "https://api.github.com/users/ColinClark", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" }, "2": { "id": 710573595, "node_id": "MDU6TGFiZWw3MTA1NzM1OTU=", "url": "https://api.github.com/repos/react/react/labels/Component:%20Developer%20Tools", "name": "Component: Developer Tools", "color": "fbca04", "default": false, "description": null } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-05-30T12:18:44Z", "updated_at": "2026-05-30T12:18:44Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### Website or app\n\nhttps://employedat.com\n\n### Repro steps\n\njust access the site and it happens\n\n### How often does this bug happen?\n\nEvery time\n\n### DevTools package (automated)\n\nreact-devtools-extensions\n\n### DevTools version (automated)\n\n7.0.1-3cde211b0c\n\n### Error message (automated)\n\nCannot set rects for suspense node \"168\" because no matching node was found in the Store.\n\n### Error call stack (automated)\n\n```text\nat chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:731481\n at p.emit (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:680330)\n at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:682241\n at bridgeListener (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:1:1189368)\n```\n\n### Error component stack (automated)\n\n```text\n\n```\n\n### GitHub query string (automated)\n\n```text\nhttps://api.github.com/search/issues?q=Cannot set rects for suspense node because no matching node was found in the Store. in:title is:issue is:open is:public label:\"Component: Developer Tools\" repo:facebook/react\n```", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36577/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36571", "id": 4549716542, "node_id": "I_kwDOAJy2Ks8AAAABDy8qPg", "number": 36571, "title": "Bug:", "user": { "login": "WilkensonDave", "id": 160328166, "node_id": "U_kgDOCY5p5g", "avatar_url": "https://avatars.githubusercontent.com/u/160328166?v=4", "gravatar_id": "", "url": "https://api.github.com/users/WilkensonDave", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-05-29T15:43:38Z", "updated_at": "2026-05-29T15:43:38Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "\n\n", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36571/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36569", "id": 4545766817, "node_id": "I_kwDOAJy2Ks8AAAABDvLloQ", "number": 36569, "title": "Bug: React.lazy waits ~300ms before rendering even when the preloaded promise has resolved", "user": { "login": "andyticker", "id": 29672345, "node_id": "MDQ6VXNlcjI5NjcyMzQ1", "avatar_url": "https://avatars.githubusercontent.com/u/29672345?v=4", "gravatar_id": "", "url": "https://api.github.com/users/andyticker", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 3, "created_at": "2026-05-29T04:52:54Z", "updated_at": "2026-06-16T18:50:23Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "React version: 19.2.6\n\n## Steps To Reproduce\n\n1. Open the repro repository: https://github.com/andyzhan7/react-suspense-fallback-throttle\n\n2. Open either reproduction file:\n - `precreated-routes.html`\n - `render-created-loader.html`\n\n3. Wait until the `Student` and `Teacher` loaders have been preloaded.\n\n4. Click `Student` or `Teacher`.\n\nLink to code example: https://github.com/andyzhan7/react-suspense-fallback-throttle\n\n## The current behavior\n\nA route component loaded through `React.lazy` can be delayed by about 300ms on its first render, even when the loader promise has already resolved before that render.\n\nThe repro uses this minimal lazy route wrapper:\n\n```js\nfunction LazyLoader(loader) {\n const Comp = React.lazy(loader)\n return props => React.createElement(\n React.Suspense,\n null,\n React.createElement(Comp, props || null),\n )\n}\n```\n\nThe route loaders are preloaded on page load. They simulate network/chunk loading with a short `sleep(...)`, so by the time the user clicks `Student` or `Teacher`, the loader promise has already resolved.\n\nHowever, the first render of the lazy route still commits about 300ms later:\n\n```text\n0.5ms loader called: Student\n302.1ms content committed: Student\n```\n\nBecause the Suspense boundary has no fallback, this appears as a blank content area for about 300ms.\n\n## The expected behavior\n\nIf a `React.lazy` loader promise has already resolved, React should render the loaded component as soon as that resolved promise is observed, instead of waiting for the 300ms fallback throttle window.\n\nIn this case, after clicking `Student` or `Teacher`, the route content should commit immediately or near-immediately because the lazy loader promise was already resolved by preload.", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36569/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36549", "id": 4532101726, "node_id": "I_kwDOAJy2Ks8AAAABDiJiXg", "number": 36549, "title": "Doc: Update stale README docs", "user": { "login": "doehyunbaek", "id": 70570804, "node_id": "MDQ6VXNlcjcwNTcwODA0", "avatar_url": "https://avatars.githubusercontent.com/u/70570804?v=4", "gravatar_id": "", "url": "https://api.github.com/users/doehyunbaek", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-05-27T11:55:14Z", "updated_at": "2026-05-27T11:55:14Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "I found three documentation inconsistencies.\n\n#### 1. `react-server` README examples are missing newer `createRequest` / `createPrerenderRequest` arguments\n\nThe README examples call `createRequest` and `createPrerenderRequest` with arguments ending at `filterStackFrame`:\n\nhttps://github.com/facebook/react/blob/c0cd4d5d30f3ad56380c14ac53c6f50d96e38814/packages/react-server/README.md#L41-L49\nhttps://github.com/facebook/react/blob/c0cd4d5d30f3ad56380c14ac53c6f50d96e38814/packages/react-server/README.md#L209-L219\n\nBut the actual signatures now also include `debugStartTime` and `keepDebugAlive`:\n\nhttps://github.com/facebook/react/blob/c0cd4d5d30f3ad56380c14ac53c6f50d96e38814/packages/react-server/src/ReactFlightServer.js#L782-L791\nhttps://github.com/facebook/react/blob/c0cd4d5d30f3ad56380c14ac53c6f50d96e38814/packages/react-server/src/ReactFlightServer.js#L814-L825\n\nIntroduced by:\n- `bbc13fa17be8eebef3e6ee47f48c76c0c44e2f36` — added `keepDebugAlive`\n- `b1533b034ee5e38e825fe20d789f2e83ede163ad` — added `debugStartTime` / `options.startTime`\n\n#### 2. `eslint-plugin-react-compiler` README still documents npm installation\n\nThe README still tells users to install `eslint-plugin-react-compiler` from npm:\n\nhttps://github.com/facebook/react/blob/c0cd4d5d30f3ad56380c14ac53c6f50d96e38814/compiler/packages/eslint-plugin-react-compiler/README.md#L13-L17\n\nBut the package is no longer listed as publishable:\n\nhttps://github.com/facebook/react/blob/c0cd4d5d30f3ad56380c14ac53c6f50d96e38814/compiler/scripts/release/shared/packages.js#L8-L12\n\nIntroduced by:\n- `f508edc83fa1eb316a974c274b4411f081d6e94d`\n\n#### 3. `eslint-plugin-react-compiler` README references removed single rule name\n\nThe README still shows the old single-rule configuration:\n\nhttps://github.com/facebook/react/blob/c0cd4d5d30f3ad56380c14ac53c6f50d96e38814/compiler/packages/eslint-plugin-react-compiler/README.md#L51-L55\n\nIntroduced by:\n- `7d29ecbeb24327fdcd889fe184311bbeb0f04c30`\n\n### Candidate fixes\n\nI have two small commits prepared:\n\n- https://github.com/doehyunbaek/react/commit/92fde71037 — `docs: update react-server README`\n- https://github.com/doehyunbaek/react/commit/a0d39e446b — `docs: update eslint-plugin-react-compiler README`\n\nHappy to open PR(s) for these if useful.", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36549/reactions", "total_count": 2, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 2, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36548", "id": 4529301501, "node_id": "I_kwDOAJy2Ks8AAAABDfen_Q", "number": 36548, "title": "[Feature request] `decodeActionId` implementation", "user": { "login": "hach-que", "id": 504826, "node_id": "MDQ6VXNlcjUwNDgyNg==", "avatar_url": "https://avatars.githubusercontent.com/u/504826?v=4", "gravatar_id": "", "url": "https://api.github.com/users/hach-que", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 1, "created_at": "2026-05-27T03:41:12Z", "updated_at": "2026-06-02T02:51:36Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "Currently when handling form data submissions with React Server Components, when the request is not being made with JavaScript, the developer is expected to use `decodeAction` to get the server action function based on the form data to then invoke it.\n\nIn our scenario, we need to know the action ID so we can perform additional authentication checks prior to invoking the server action. However, we can't get the action ID for form POST with the current API.\n\nI don't know exactly what the API surface should look like, but we need an implementation similar to `decodeAction` that instead of calling `loadServerReference`, it returns the metadata instead:\n\n```ts\nexport function decodeActionId(\n body: FormData,\n serverManifest: ServerManifest,\n): string | null {\n // We're going to create a new formData object that holds all the fields except\n // the implementation details of the action data.\n const formData = new FormData();\n\n let actionId: string | null = null;\n const seenActions = new Set();\n\n // $FlowFixMe[prop-missing]\n body.forEach((value: string | File, key: string) => {\n if (!key.startsWith('$ACTION_')) {\n // $FlowFixMe[incompatible-call]\n formData.append(key, value);\n return;\n }\n // Later actions may override earlier actions if a button is used to\n // override the default form action. However, we don't expect the same\n // action ref field to be sent multiple times in legitimate form data.\n if (key.startsWith('$ACTION_REF_')) {\n if (seenActions.has(key)) {\n return;\n }\n seenActions.add(key);\n const formFieldPrefix = '$ACTION_' + key.slice(12) + ':';\n const metaData = decodeBoundActionMetaData(\n body,\n serverManifest,\n formFieldPrefix,\n );\n actionId = metaData.id;\n return;\n }\n // A simple action with no bound arguments may appear twice in the form data\n // if a button specifies the same action as the default form action. We only\n // load the first one, as they're guaranteed to be identical.\n if (key.startsWith('$ACTION_ID_')) {\n if (seenActions.has(key)) {\n return;\n }\n seenActions.add(key);\n const id = key.slice(11);\n actionId = id;\n return;\n }\n });\n\n return actionId;\n}\n```\n\nIt's hard to implement this ourselves as well, since many of the functions that the `decodeAction` uses aren't exported.", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36548/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36545", "id": 4525329252, "node_id": "I_kwDOAJy2Ks8AAAABDbsLZA", "number": 36545, "title": "Bug:", "user": { "login": "ikenyluis", "id": 287956684, "node_id": "U_kgDOESnezA", "avatar_url": "https://avatars.githubusercontent.com/u/287956684?v=4", "gravatar_id": "", "url": "https://api.github.com/users/ikenyluis", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-05-26T15:21:34Z", "updated_at": "2026-05-26T15:21:34Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "\n\nReact version:\n\n## Steps To Reproduce\n\n1.\n2.\n\n\n\nLink to code example:\n\n\n\n## The current behavior\n\n\n## The expected behavior\n", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36545/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36534", "id": 4512818897, "node_id": "I_kwDOAJy2Ks8AAAABDPwm0Q", "number": 36534, "title": "Bug:", "user": { "login": "joaquimv613-lab", "id": 286325273, "node_id": "U_kgDOERD6GQ", "avatar_url": "https://avatars.githubusercontent.com/u/286325273?v=4", "gravatar_id": "", "url": "https://api.github.com/users/joaquimv613-lab", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-05-24T20:27:20Z", "updated_at": "2026-05-24T20:27:20Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "\n\nReact version:\n\n## Steps To Reproduce\n\n1.\n2.\n\n\n\nLink to code example:\n\n\n\n## The current behavior\n\n\n## The expected behavior\n", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36534/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36527", "id": 4500471006, "node_id": "I_kwDOAJy2Ks8AAAABDD-83g", "number": 36527, "title": "Bug: Documentation Navigation and Rendering Issues on Multiple Pages Summary", "user": { "login": "mhikelhenry123-lab", "id": 284035048, "node_id": "U_kgDOEO4H6A", "avatar_url": "https://avatars.githubusercontent.com/u/284035048?v=4", "gravatar_id": "", "url": "https://api.github.com/users/mhikelhenry123-lab", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-05-22T06:38:09Z", "updated_at": "2026-05-26T17:30:40Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "I noticed several issues while browsing the React documentation website. Some pages appear to have inconsistent rendering behavior, delayed content loading, and navigation problems when switching between sections. The issue becomes more noticeable on slower devices and mobile browsers.\n\nIn some cases, the sidebar navigation updates correctly, but the main content area does not refresh until the page is manually reloaded. This creates confusion for users trying to follow tutorials or examples step by step.\n\nI also tested this while searching for unrelated keywords such as “[runt por placa](https://runtporplacaa.com.co/)” and observed that external search indexing may occasionally point to outdated documentation URLs.\n\nExpected Behavior\nNavigation should update content instantly.\nSidebar and content area should stay synchronized.\nPages should render consistently across browsers.\nOld or redirected URLs should resolve properly.\nSearch indexing should avoid outdated routes.\nCurrent Behavior\nContent occasionally freezes after route changes.\nSome code examples load with broken formatting.\nScroll position resets unexpectedly.\nMobile layout sometimes overlaps navigation elements.\nCertain cached pages appear outdated.\nSteps to Reproduce\nOpen the React documentation website.\nNavigate between multiple learning pages quickly.\nOpen browser dev tools and throttle network speed.\nSwitch between desktop and mobile responsive views.\nRefresh the page several times.\nTry accessing older indexed links from search engines.\nObserve rendering and navigation inconsistencies.\nEnvironment\nBrowser: Chrome / Firefox / Edge\nOS: Windows 10 / Android\nDevice: Desktop and Mobile\nReact Docs Version: Latest public version\nNetwork: Slow 3G simulation and standard broadband\nAdditional Notes\n\nThis may be related to client-side routing, hydration timing, or cached documentation assets. The issue seems intermittent but reproducible after repeated navigation actions.\n\nIt may also help to review:\n\nRoute prefetching behavior\nCache invalidation\nMobile responsive rendering\nLegacy URL redirects\nSearch engine indexing behavior\n\nThank you for maintaining the React documentation platform.", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36527/reactions", "total_count": 2, "+1": 0, "-1": 0, "laugh": 0, "hooray": 1, "confused": 0, "heart": 1, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36525", "id": 4499031585, "node_id": "I_kwDOAJy2Ks8AAAABDCnGIQ", "number": 36525, "title": "[DevTools Bug]: Profiler's \"What changed\" context becomes unusable when inspecting commits with long render histories", "user": { "login": "Kertsu", "id": 114039848, "node_id": "U_kgDOBswcKA", "avatar_url": "https://avatars.githubusercontent.com/u/114039848?v=4", "gravatar_id": "", "url": "https://api.github.com/users/Kertsu", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" }, "2": { "id": 710573595, "node_id": "MDU6TGFiZWw3MTA1NzM1OTU=", "url": "https://api.github.com/repos/react/react/labels/Component:%20Developer%20Tools", "name": "Component: Developer Tools", "color": "fbca04", "default": false, "description": null } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-05-22T01:24:12Z", "updated_at": "2026-05-22T01:24:12Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### Website or app\n\nReact App with a component that re-renders frequently\n\n### Repro steps\n\n**Note:** This is more like an accessibility and usability issue rather than a bug.\n1. Open React DevTools Profiler\n2. Profile an application with a component that re-renders frequently\n3. Select a fiber with many render timestamps / commits\n4. Scroll through the commit list to inspect individual renders\n5. Observe that the WhatChanged section scrolls out of view\n---\nYou may check the [recording here](https://private-user-images.githubusercontent.com/114039848/576060298-05f2889a-4e0d-4464-965a-2821c63c2d30.mov?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Nzk0MTMxMTEsIm5iZiI6MTc3OTQxMjgxMSwicGF0aCI6Ii8xMTQwMzk4NDgvNTc2MDYwMjk4LTA1ZjI4ODlhLTRlMGQtNDQ2NC05NjVhLTI4MjFjNjNjMmQzMC5tb3Y_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNTIyJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDUyMlQwMTIwMTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jMzdlYjk1ODZmMTBkZTQ2YzVjZjcyM2Y1Y2I3MTNlNzhiMmZlZmQ4MmQ2ZmFkOTI4NWY5MTBjZTg4ZDE1OTY4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9dmlkZW8lMkZxdWlja3RpbWUifQ.Nh2Tn_r40rIfqoBWtMsJiVNegHEcPfx1d4ZcnQ2S0h8).\n\n### How often does this bug happen?\n\nEvery time\n\n### DevTools package (automated)\n\n_No response_\n\n### DevTools version (automated)\n\n_No response_\n\n### Error message (automated)\n\n_No response_\n\n### Error call stack (automated)\n\n```text\n\n```\n\n### Error component stack (automated)\n\n```text\n\n```\n\n### GitHub query string (automated)\n\n```text\n\n```", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36525/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [ 36244 ] }, { "url": "https://api.github.com/repos/react/react/issues/36497", "id": 4489629792, "node_id": "I_kwDOAJy2Ks8AAAABC5pQYA", "number": 36497, "title": "Bug:", "user": { "login": "Jestors", "id": 283129893, "node_id": "U_kgDOEOA4JQ", "avatar_url": "https://avatars.githubusercontent.com/u/283129893?v=4", "gravatar_id": "", "url": "https://api.github.com/users/Jestors", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-05-20T20:17:24Z", "updated_at": "2026-05-20T20:17:24Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "\n\nReact version:\n\n## Steps To Reproduce\n\n1.\n2.\n\n\n\nLink to code example:\n\n\n\n## The current behavior\n\n\n## The expected behavior\n", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36497/reactions", "total_count": 3, "+1": 0, "-1": 3, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36491", "id": 4479536961, "node_id": "I_kwDOAJy2Ks8AAAABCwBPQQ", "number": 36491, "title": "Bug:", "user": { "login": "chiddekel", "id": 11840160, "node_id": "MDQ6VXNlcjExODQwMTYw", "avatar_url": "https://avatars.githubusercontent.com/u/11840160?v=4", "gravatar_id": "", "url": "https://api.github.com/users/chiddekel", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 2, "created_at": "2026-05-19T17:24:47Z", "updated_at": "2026-05-19T19:42:44Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "Desired state of component MIX of client/server RSC.\n\n```\n// MAIN FILE (Runs on the server by default)\nimport db from '@/lib/db';\n// You import a pure, old JS chart library (non-React!)\nimport { LegacyCanvasChart } from 'old-school-charts'; \n\nexport default async function Dashboard() {\n // You fetch data from the database (just like in PHP)\n const dane = await db.query('SELECT * FROM sales'); \n\n return (\n
\n

Sales statistics

\n \n {/* \n MAGIC: React automatically knows that LegacyCanvasChart needs Canvas and the DOM.\n It generates an empty div on the server, and in the browser it automatically \n triggers the chart constructor, passing the \"dane\" (data) into it.\n */}\n \n
\n );\n}\n```", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36491/reactions", "total_count": 1, "+1": 0, "-1": 1, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36484", "id": 4463756174, "node_id": "I_kwDOAJy2Ks8AAAABCg-Djg", "number": 36484, "title": "[Bug]: CodeQL analyze run on GitHub Actions is slow (25s+)", "user": { "login": "manucian-official", "id": 195640846, "node_id": "U_kgDOC6k-Dg", "avatar_url": "https://avatars.githubusercontent.com/u/195640846?v=4", "gravatar_id": "", "url": "https://api.github.com/users/manucian-official", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 2, "created_at": "2026-05-17T14:15:54Z", "updated_at": "2026-05-20T03:35:18Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "## Description\n\nWhile running `github/codeql-action/analyze@v4` as part of the GitHub Actions workflow, the job log shows that the analysis is taking a long time (25 seconds or more). The slow step seems to be during or after CodeQL queries on GitHub Actions files, with notable delays in post-processing and SARIF file handling:\n\n- While resolving threads, detected 4 CPUs in `/sys/fs/cgroup/cpuset.cpus.effective`.\n- Running queries for actions\n- Post-processing SARIF files: `[\"/home/runner/work/react/results/actions.sarif\"]`\n- Uploading code scanning results and creating bundle metadata\n- Skipping upload of TRAP and dependency caches\n- Waiting for processing to finish\n\n## Steps To Reproduce\n1. Run the CodeQL workflow (`github/codeql-action/analyze@v4`) on the facebook/react repository.\n2. Observe that the step completes in 25+ seconds for the action analysis.\n\n## The current behavior\n- The CodeQL analysis phase runs slowly (~25 seconds for GitHub Actions files scan and SARIF processing).\n\n## The expected behavior\n- The CodeQL analysis should ideally run faster and not cause long wait times on CI runs.\n\n---\n\nTo provide a more actionable report, could you clarify or add the following information:\n- Does the problem consistently occur for every workflow run, or is it intermittent?\n- Does this happen with specific versions of CodeQL or setup steps?\n- Are there any related errors or warnings in the logs?\n- What is the impact on your development or release process?\n\nAny reproduction links (e.g., a GitHub Actions run log), relevant workflow YAML, or more details will help diagnose and resolve this performance issue.", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36484/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36470", "id": 4441882893, "node_id": "I_kwDOAJy2Ks8AAAABCMHBDQ", "number": 36470, "title": "[DevTools Bug]: ok", "user": { "login": "hwbabasmja-stack", "id": 284466348, "node_id": "U_kgDOEPScrA", "avatar_url": "https://avatars.githubusercontent.com/u/284466348?v=4", "gravatar_id": "", "url": "https://api.github.com/users/hwbabasmja-stack", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" }, "2": { "id": 710573595, "node_id": "MDU6TGFiZWw3MTA1NzM1OTU=", "url": "https://api.github.com/repos/react/react/labels/Component:%20Developer%20Tools", "name": "Component: Developer Tools", "color": "fbca04", "default": false, "description": null } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-05-13T23:35:34Z", "updated_at": "2026-05-13T23:35:34Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### Website or app\n\nexp://8dca8a7a-7e6f-42c3-8cdb-609662a17d7b-00-2ump8ppprzt94.expo.sisko.replit.dev\n\n### Repro steps\n\nexp://8dca8a7a-7e6f-42c3-8cdb-609662a17d7b-00-2ump8ppprzt94.expo.sisko.replit.dev\n\n\n\n### How often does this bug happen?\n\nEvery time\n\n### DevTools package (automated)\n\nVideo \n\n### DevTools version (automated)\n\nView \n\n### Error message (automated)\n\nView \n\n### Error call stack (automated)\n\n```text\n01407761427\n```\n\n### Error component stack (automated)\n\n```text\n01407761427\n```\n\n### GitHub query string (automated)\n\n```text\n758595\n```", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36470/reactions", "total_count": 1, "+1": 0, "-1": 1, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36469", "id": 4441877135, "node_id": "I_kwDOAJy2Ks8AAAABCMGqjw", "number": 36469, "title": "[Compiler Bug]: exp://8dca8a7a-7e6f-42c3-8cdb-609662a17d7b-00-2ump8ppprzt94.expo.sisko.replit.dev", "user": { "login": "hwbabasmja-stack", "id": 284466348, "node_id": "U_kgDOEPScrA", "avatar_url": "https://avatars.githubusercontent.com/u/284466348?v=4", "gravatar_id": "", "url": "https://api.github.com/users/hwbabasmja-stack", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-05-13T23:34:14Z", "updated_at": "2026-05-13T23:34:14Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### What kind of issue is this?\n\n- [x] React Compiler core (the JS output is incorrect, or your app works incorrectly after optimization)\n- [x] babel-plugin-react-compiler (build issue installing or using the Babel plugin)\n- [x] eslint-plugin-react-hooks (build issue installing or using the eslint plugin)\n- [x] react-compiler-healthcheck (build issue installing or using the healthcheck script)\n\n### Link to repro\n\nexp://8dca8a7a-7e6f-42c3-8cdb-609662a17d7b-00-2ump8ppprzt94.expo.sisko.replit.dev\n\n### Repro steps\n\nShamim Islam Rafi \n\n### How often does this bug happen?\n\nEvery time\n\n### What version of React are you using?\n\nShamim \n\n### What version of React Compiler are you using?\n\nexp://8dca8a7a-7e6f-42c3-8cdb-609662a17d7b-00-2ump8ppprzt94.expo.sisko.replit.dev", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36469/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36461", "id": 4435980585, "node_id": "I_kwDOAJy2Ks8AAAABCGexKQ", "number": 36461, "title": "Protect react from AI slop PRs", "user": { "login": "kimjune01", "id": 6355623, "node_id": "MDQ6VXNlcjYzNTU2MjM=", "avatar_url": "https://avatars.githubusercontent.com/u/6355623?v=4", "gravatar_id": "", "url": "https://api.github.com/users/kimjune01", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": {}, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 6, "created_at": "2026-05-13T07:54:39Z", "updated_at": "2026-05-27T09:05:52Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "6 of 62 PRs in the last 2 weeks would have been auto-closed before review (e.g. #36402 Create heymit.txt, #36401 Add eduardo.txt with introduction text).\n\nInstall a GitHub Action:\n\n- [PR Quality Gate](https://github.com/kimjune01/sweep/blob/master/action.yml), judges PR quality not authorship, lets competent bots through, blocks lazy humans\n- [anti-slop](https://github.com/peakoss/anti-slop), 34 configurable checks, built from maintaining Coolify (120 slop PRs/month)\n- [agentscan-action](https://github.com/MatteoGabriele/agentscan-action), deep author profile analysis, detects automation patterns from account activity\n\n[Full writeup](https://june.kim/speedrunning-open-source)\n\nThis was partially generated by a clanker. The human that sent me cares about your repo. We just wanna help.", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36461/reactions", "total_count": 2, "+1": 1, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 1, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36460", "id": 4435810533, "node_id": "I_kwDOAJy2Ks8AAAABCGUY5Q", "number": 36460, "title": "[Compiler Bug]: Compiler breaks JSX pragma handling for Oxc/SWC/TS", "user": { "login": "swandir", "id": 1284655, "node_id": "MDQ6VXNlcjEyODQ2NTU=", "avatar_url": "https://avatars.githubusercontent.com/u/1284655?v=4", "gravatar_id": "", "url": "https://api.github.com/users/swandir", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 4, "created_at": "2026-05-13T07:26:39Z", "updated_at": "2026-05-18T17:36:02Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### What kind of issue is this?\n\n- [ ] React Compiler core (the JS output is incorrect, or your app works incorrectly after optimization)\n- [x] babel-plugin-react-compiler (build issue installing or using the Babel plugin)\n- [ ] eslint-plugin-react-hooks (build issue installing or using the eslint plugin)\n- [ ] react-compiler-healthcheck (build issue installing or using the healthcheck script)\n\n### Link to repro\n\nhttps://stackblitz.com/edit/vitejs-vite-9eantx6h\n\n### Repro steps\n\nReact Compiler adds an import declaration to the top of the module, before leading comments.\n\n[React Compiler playground](https://playground.react.dev/#N4Igzg9grgTgxgUxALhAegFQAIACArMADwEkBbABwhgBcBlaeBLOKMaiUgWgMKwzQA6AO2EJClGlgAmCAGYBDKABtqWWVCFxqASwhCsAYQ6UhCIdQAUwZgAttSqTDNYAvgEoswYVixPqsfQtvHywAHiltADcAPmA4OwcnIRdQtAiY4LcAbmEXEAAaEDg9WW0AcxQQL30sNDRiint5HT0AWQgZZCwBEHklJR7cgvAbCAB3YnMEGCE+sBQFJTAEFyA)\n\nWhile this works file with Babel's JSX transform ([playground](https://babeljs.io/repl#?config_lz=N4IgZglgNgpgdgQwLYxALhAJxgBygOgCsBnADxABoQdtiYAXY9AbWZHgDdLR6FMBzBkwwATGGAQBXKIwoACOAHt6ciDDkBGDfKUq1AfSSKARpo2UQRkdJjCJUOlWOT-kUrfT1MkmAF8AuhRs2AgAxvTcWJJw9BAo6CBS9IpICLGhIAFBIMS8ggC0AEyRYqGKmGnlxABqMJjEEIpwCYUADIUAzPlaFjgQODBQEHAwAAqYijiKxAhQCQAWYQDWmf6BOYqSmKEwACoAngMJVjaZQA&code_lz=JYWwDg9gTgLgBAbzgYzgQwM5wPqoL5wBmUEIcARFAKZrIwD0ypYwANlVALRQCuAdjFBVyAbjj0AVHAACAKwwAPAJLhoMAMoQeUZFRQ8MMUp3kK4E-gChLVBZFhwAJlUJoereIX51gEPnABhZj8qAQAKGAAGAEpESzgUP0M4ABI4AF4cZDCAJmiReMS-ZKRkAAs2R2p_AkyogoT2eBgARga4YEI4MJSAbUiAXTgAQnTM8srq2IRChNaMuAAeR2AANwA-BAnWKtC8RfoVjfaEvsGF7d2-E9TelqG6tsKCKlYMPRmEuZaFvvv2vCFagwbT-VoFQFAA&lineWrap=true&version=7.29.4)), other tools don't respect JSX pragma (e.g. `@jsxImportSource`) comments that come after any code statement, including imports.\n\n[Oxc playground](https://playground.oxc.rs/?options=%7B%22run%22%3A%7B%22lint%22%3Atrue%2C%22formatter%22%3Afalse%2C%22transform%22%3Atrue%2C%22isolatedDeclarations%22%3Afalse%2C%22whitespace%22%3Afalse%2C%22mangle%22%3Afalse%2C%22compress%22%3Afalse%2C%22scope%22%3Atrue%2C%22symbol%22%3Atrue%2C%22cfg%22%3Afalse%7D%2C%22parser%22%3A%7B%22extension%22%3A%22tsx%22%2C%22allowReturnOutsideFunction%22%3Atrue%2C%22preserveParens%22%3Atrue%2C%22allowV8Intrinsics%22%3Atrue%2C%22semanticErrors%22%3Atrue%7D%2C%22linter%22%3A%7B%7D%2C%22formatter%22%3A%7B%22useTabs%22%3Afalse%2C%22tabWidth%22%3A2%2C%22endOfLine%22%3A%22lf%22%2C%22printWidth%22%3A80%2C%22singleQuote%22%3Afalse%2C%22jsxSingleQuote%22%3Afalse%2C%22quoteProps%22%3A%22as-needed%22%2C%22trailingComma%22%3A%22all%22%2C%22semi%22%3Atrue%2C%22arrowParens%22%3A%22always%22%2C%22bracketSpacing%22%3Atrue%2C%22bracketSameLine%22%3Afalse%2C%22objectWrap%22%3A%22preserve%22%2C%22singleAttributePerLine%22%3Afalse%7D%2C%22transformer%22%3A%7B%22target%22%3A%22es2015%22%2C%22useDefineForClassFields%22%3Atrue%2C%22experimentalDecorators%22%3Atrue%2C%22emitDecoratorMetadata%22%3Atrue%2C%22optimizeEnums%22%3Atrue%2C%22optimizeConstEnums%22%3Atrue%7D%2C%22isolatedDeclarations%22%3A%7B%22stripInternal%22%3Afalse%7D%2C%22codegen%22%3A%7B%22normal%22%3Atrue%2C%22jsdoc%22%3Atrue%2C%22annotation%22%3Atrue%2C%22legal%22%3Atrue%7D%2C%22compress%22%3A%7B%7D%2C%22mangle%22%3A%7B%22topLevel%22%3Atrue%2C%22keepNames%22%3Afalse%7D%2C%22controlFlow%22%3A%7B%22verbose%22%3Afalse%7D%2C%22inject%22%3A%7B%22inject%22%3A%7B%7D%7D%2C%22define%22%3A%7B%22define%22%3A%7B%7D%7D%7D&code=import+%7B+c+as+_c+%7D+from+%22react%2Fcompiler-runtime%22%3B+%2F*+%40jsxImportSource+custom-jsx+*%2F%0A%0Aexport+default+function+Component%28t0%29+%7B%0A++const+%24+%3D+_c%282%29%3B%0A++const+%7B+children+%7D+%3D+t0%3B%0A++let+t1%3B%0A++if+%28%24%5B0%5D+%21%3D%3D+children%29+%7B%0A++++t1+%3D+%3Cdiv%3E%7Bchildren%7D%3C%2Fdiv%3E%3B%0A++++%24%5B0%5D+%3D+children%3B%0A++++%24%5B1%5D+%3D+t1%3B%0A++%7D+else+%7B%0A++++t1+%3D+%24%5B1%5D%3B%0A++%7D%0A++return+t1%3B%0A%7D%0A)\n\n[SWC playground](https://play.swc.rs/?version=1.15.33&code=H4sIAAAAAAAAA02Oy2rDMBBF9%2F6K25CFEwh2unVcCl113WUJwchjqqJHGI1KwPjfIykk6WJAcx9Ho%2B3Zs2CGwhBwUlgwsbdYMQ1KGuXtWRviHUcn2tKqQ7PF%2B2%2B4fJbil4%2BsCCoG8XaXZGybqqJLgY40DdEIpuiUaO%2FwkWjekZNa2g3mClDeBcEaffq6ft10Dykd9KPNyOTSRT2kzZYhgezzS0%2Bo19%2FtES99%2F0jekEiR1DiM%2Bu9tvlvLocl7V%2FxSfNbu4j6LN%2FwCMoH%2B47JdnDRMEtmV6FJdAQKxxxFBAQAA&config=H4sIAAAAAAAAA12PSwqDQAyG955Csu6iSOmiJ%2BimhwjTKCPzIomgiHfv%2BES7S77%2FQTIWZQmtGHiVYx7zkpCF%2BNgzkSEo9pkAGY9i2CaF2662MkvKHS1kWgVwMQploUYntDFvg62Hc7WJPjGJXI2zFUPjjvylmXolDuje5BLxXxQUuSFdjpXqXj2g2JLg47dbKrdHdUi0%2Bp4n037i0QlWPnty%2FjKzYvoBiigq8TcBAAA%3D)\n\n[TypeScript playground](https://www.typescriptlang.org/play/?jsx=4#code/JYWwDg9gTgLgBAbzgYzgQwM5wPqoL5wBmUEIcARFAKZrIwD0ypYwANlVALRQCuAdjFBVyAbjj0AVHAACAKwwAPAJLhoMAMoQeUZFRQ8MMUp3kK4E+gChLVBZFhwAJlUJoereIX51gEPnABhZj8qAQAKGAAGAEpESzgUP0M4ABI4AF4cZDCAJmiReMS+ZKRkAAs2R2p-AkyogoT2eBgARga4YEI4MJSAbUiAXTgAQnTM8srq2IRChNaMuAAeR2AANwA+BAnWKtC8RfoVjfaEvsGF7d2+E9TelqG6tsKCKlYMPRmEuZaFvvv2vCFagwbT+VoFQFAA)\n\nIt's common to integrate React Compiler into a build process that handles JSX transform using Oxc/SWC. And current compiler's behavior prevents code with JSX pragmas from working in such a setup.\n\nReact Compiler should probably keep JSX pragmas and other leading comments/directives at the top.\n\n### How often does this bug happen?\n\nEvery time\n\n### What version of React are you using?\n\n19.2.6\n\n### What version of React Compiler are you using?\n\n1.0.0", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36460/reactions", "total_count": 2, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 2, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [ 36465 ] }, { "url": "https://api.github.com/repos/react/react/issues/36459", "id": 4433419619, "node_id": "I_kwDOAJy2Ks8AAAABCECdYw", "number": 36459, "title": "[DevTools Bug]:", "user": { "login": "cesarkdksu-prog", "id": 276180269, "node_id": "U_kgDOEHYtLQ", "avatar_url": "https://avatars.githubusercontent.com/u/276180269?v=4", "gravatar_id": "", "url": "https://api.github.com/users/cesarkdksu-prog", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" }, "2": { "id": 710573595, "node_id": "MDU6TGFiZWw3MTA1NzM1OTU=", "url": "https://api.github.com/repos/react/react/labels/Component:%20Developer%20Tools", "name": "Component: Developer Tools", "color": "fbca04", "default": false, "description": null } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-05-12T23:47:10Z", "updated_at": "2026-05-12T23:47:10Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### Website or app\n\nWhatsApp \n\n### Repro steps\n\nEstá vinculado \n\n### How often does this bug happen?\n\nEvery time\n\n### DevTools package (automated)\n\n_No response_\n\n### DevTools version (automated)\n\n_No response_\n\n### Error message (automated)\n\n_No response_\n\n### Error call stack (automated)\n\n```text\n\n```\n\n### Error component stack (automated)\n\n```text\n\n```\n\n### GitHub query string (automated)\n\n```text\n\n```", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36459/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36440", "id": 4413489625, "node_id": "I_kwDOAJy2Ks8AAAABBxCB2Q", "number": 36440, "title": "Bug: ReactDOM.preloadModule crashes with repeated custom as value", "user": { "login": "afurm", "id": 6375192, "node_id": "MDQ6VXNlcjYzNzUxOTI=", "avatar_url": "https://avatars.githubusercontent.com/u/6375192?v=4", "gravatar_id": "", "url": "https://api.github.com/users/afurm", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": {}, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 4, "created_at": "2026-05-09T18:34:48Z", "updated_at": "2026-05-12T04:02:52Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "React version: current `main` (`d5736f098edee62c44f27b053e6e48f5fa443803` locally)\n\n## Steps To Reproduce\n\n1. Render a component on the server with two `ReactDOM.preloadModule()` calls that use the same non-default `as` value:\n\n```js\nfunction App() {\n ReactDOM.preloadModule('worker-a', {as: 'serviceworker'});\n ReactDOM.preloadModule('worker-b', {as: 'serviceworker'});\n return
hello
;\n}\n\nrenderToPipeableStream().pipe(writable);\n```\n\n2. Let the Fizz render run.\n\nLink to code example: minimal reproduction above; this is also covered by the added regression test in `packages/react-dom/src/__tests__/ReactDOMFloat-test.js`.\n\n## The current behavior\n\nThe second call crashes during server rendering:\n\n```text\nTypeError: Cannot read properties of undefined (reading 'hasOwnProperty')\n```\n\nThe repeated custom-`as` path checks `moduleUnknownResources` but then reads the bucket from `unknownResources`, so the bucket can be undefined.\n\n## The expected behavior\n\nFizz should track repeated custom module preload `as` values in `moduleUnknownResources` and emit both module preload links without crashing.\n", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36440/reactions", "total_count": 1, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 1, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [ 36564, 36454 ] }, { "url": "https://api.github.com/repos/react/react/issues/36434", "id": 4402784326, "node_id": "I_kwDOAJy2Ks8AAAABBm0oRg", "number": 36434, "title": "​[DevTools Bug]: Draggable divider fails to resize panes in shell index.html", "user": { "login": "ahmedayman1997", "id": 228164623, "node_id": "U_kgDODZmEDw", "avatar_url": "https://avatars.githubusercontent.com/u/228164623?v=4", "gravatar_id": "", "url": "https://api.github.com/users/ahmedayman1997", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" }, "2": { "id": 710573595, "node_id": "MDU6TGFiZWw3MTA1NzM1OTU=", "url": "https://api.github.com/repos/react/react/labels/Component:%20Developer%20Tools", "name": "Component: Developer Tools", "color": "fbca04", "default": false, "description": null } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 3, "created_at": "2026-05-08T00:13:38Z", "updated_at": "2026-05-08T17:02:07Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### Website or app\n\nfacebook/react/shells/dev/index.html\n\n### Repro steps\n\n\n​Run the DevTools shell locally using npm start.\n​Open index.html in the browser.\n​Attempt to drag the divider to resize the layout.\n​Observed Result: The divider line moves, but the panes (iframe/devtools) remain static because the CSS variables are not linked to the grid template.\n​Expected Result: The panes should resize dynamically according to the splitRatio.\n\n[index.html](https://github.com/user-attachments/files/27500874/index.html)\n\n### How often does this bug happen?\n\nEvery time\n\n### DevTools package (automated)\n\n_No response_\n\n### DevTools version (automated)\n\n_No response_\n\n### Error message (automated)\n\n_No response_\n\n### Error call stack (automated)\n\n```text\n\n```\n\n### Error component stack (automated)\n\n```text\n\n```\n\n### GitHub query string (automated)\n\n```text\n\n```", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36434/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [ 36437 ] }, { "url": "https://api.github.com/repos/react/react/issues/36432", "id": 4401227567, "node_id": "I_kwDOAJy2Ks8AAAABBlVnLw", "number": 36432, "title": "[Compiler Bug]: eslint-plugin-react-hooks 7.1.0 skips linting components defined with in-line memo and forwardRef wrappers", "user": { "login": "michaeljaltamirano", "id": 13544620, "node_id": "MDQ6VXNlcjEzNTQ0NjIw", "avatar_url": "https://avatars.githubusercontent.com/u/13544620?v=4", "gravatar_id": "", "url": "https://api.github.com/users/michaeljaltamirano", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 40929151, "node_id": "MDU6TGFiZWw0MDkyOTE1MQ==", "url": "https://api.github.com/repos/react/react/labels/Type:%20Bug", "name": "Type: Bug", "color": "b60205", "default": false, "description": null }, "1": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-05-07T18:53:49Z", "updated_at": "2026-05-07T18:54:31Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "### What kind of issue is this?\n\n- [ ] React Compiler core (the JS output is incorrect, or your app works incorrectly after optimization)\n- [ ] babel-plugin-react-compiler (build issue installing or using the Babel plugin)\n- [x] eslint-plugin-react-hooks (build issue installing or using the eslint plugin)\n- [ ] react-compiler-healthcheck (build issue installing or using the healthcheck script)\n\n### Link to repro\n\nhttps://github.com/michaeljaltamirano/eslint-plugin-react-hooks-issue\n\n### Repro steps\n\nHi Team,\n\nFirst and foremost, thank you for `eslint-plugin-react-hooks`, and continued development on making it more performant + more accurately surfacing violations.\n\nI noticed while upgrading a large repo from `7.0.1` to `7.1.1` that there were some regressions in reported rules, identified by ESLint v9 settings that error on unreported rules. While looking at the full diff, I realized the root cause was pretty straight-forward: any component with an in-lined `React.memo`, `memo`, or `forwardRef` wrapper around the component variable declaration would suppress reporting, due to the skip compilation changes added in `7.1.0`: https://github.com/facebook/react/pull/35589\n\nHere are two screenshots that succinctly illustrate the issue:\n\n\"Image\"\n\n\"Image\"\n\n**Expected behavior**: component reports `react-hooks` lint violations regardless of definition syntax, and so Screenshot 2 should show the same errors as Screenshot 1. \n\n**Reproducible behavior**: component definitions that in-line `memo` or `forwardRef`, e.g. `export const SomeComponent = memo(function SomeComponent({})`, skip `react-hooks` linting, which is why Screenshot 2 does not show lint errors.\n\nA temporary work-around of moving the in-lined wrapper functions away from the component definition , e.g. `export default memo(SomeComponent)`, is sufficient to resolve the issue, but can result in noisy diffs where there are large indentation changes.\n\nI have added a repro repo here: https://github.com/michaeljaltamirano/eslint-plugin-react-hooks-issue. The README and source is AI-generated, but it matches the manual regression testing I performed in a private repo. This issue is limited to `eslint-plugin-react-hooks`: `react` itself still reports all 4 cases as a compiler violation ([here is a Compiler Playground link that shows as much)](https://playground.react.dev/#N4Igzg9grgTgxgUxALhASwLYAcIwC4AEASggIZx4A0BwBGCGE1UYCAynqXgs6yQGa8EAUX78EFAgF8C-GBAwEA5DDIUlAbgA6AO10B6fQQAKXbjB0EAQsllQdFNBEsATBPzQ6EL2WhhgqOgYIAlIsLAAbNG8CZwIEAA8cfAA6A310gmEkiW4XWzBSegIAIwQAC1IANycYULACAEkdKK8AWWCUgCswBIJAFAICPHKEVlDVOwc8Jx1SCIiATwI0Nx1puDmCOAUcLzWwNJ1DAgBBCig52wJ4sFa8AFpIqABzT3vVcgfyiAgAazAAAIAdhSAEYwQQACIAeWEbAIqmShBqEAiXBmDRGqmQ6Uy1w+FHu3z+YH0qn4YFsAGFSDodBBCOREGAGuSGi5YJ5ngiEDo3DBDsd8Wovj9-vpWA8AlwEPc3u5xBRqXNWtzJRwZQQwAsHOV5PSWIsCAB3NDDTyhSwK3J4652+0Ox1Op0bSx4GBoZ7PBB1DZgDYuLk8vk+g66fj2RxxNgILCkGAyjqMKk7Zy8vAACloVTmUAQ0gAlDRdNdtjoAltnJxPD6BAQALwEFgIAQZnRQeYF7SWSvlwgAbRGnvKgUlAAkEMO8ABdBtN1ga7gZgAMXd0JYIxwJopJZPcDQ8qkxPvzGda+f4aK9MRKSzuPoLG7LFbgsFUawAchA3HOy9WvDAAgpK+MDvng3Ybs2oiKpmGZFvWAB8xY9tcaD8AQGY5hEeZFsAG72luIpEmKpKSvc0rcHKOj3NakiHqMBBYqe56yFe3o+LeBD3jAj4oXa46Ts8I6YbmCBrnxUgblI1D9lhebTuJG6qHgsCWBm+EEAAPIGVQ8vw9bAH+pA1oB7gyAECwRAgBm0EOQmEFIUgIRp1yGW+6Zfj+AD8BByfmtjtvMkl8Zp+g6c5PbicFuiJEiBBuPwpAdoQ9CMBmMZxgm3BJhAKbYGmayKUcRipSExoJlgDTDBekbTHECWeGaMzLC0NaChkxVZDkFDeLY27EbuZEUbK8piLklo+P1xLimyWrfB2Pj0e1pznJcdqjHcjzYa81FTSRwJghCiK4HgDQftCvlOGidXloxJ6HM+hDNOeOV5bs6ZzqVGYRlMzXPTWr2pnsmbZqJhbIaWzgvlWxkAXWjbNq2gUROJkN9gQg6CSO1ACVOs4IwunBLquEE9oRnwDTN+62EyoxgEG5LAe5azxZyOjcu+-JPlDhAgWBnn5o2RkmUBfPpqT1xQWNFAZnBDZIXhfFoRhfm4S5m5GHtg0IFKRMjdRtF4AUOpwHqzjQA06p6y19M-rS8TS3g6u4-ZInYWJ3b2sF1zSRjfkKRLPIqRYGEadpaC6eSBnC3DZlanglnWcAtlYw5Tnq25oEed++Y+X5BABR2ETe3aoXhRuUVFbFJ3xe4SURE9rXtMEb0FeB66dSQnwpKVJoVVVIyTFGrjuI1N0tee7WZNkWC5L1PIU9NpE6+RetUTRjsTQvhJL3uFJzdAESLX4CDLWcKlrdcG2eA8Tw7e8RFLwd4KgjySJnRdKLXRid2qA9PNNCbi2EUgN8rAznF3CgPdgjfVqn9IBkC8CgPemsLMvkwZSDVj2R6vZ-y1ncHORG7g2xF1Rr2CsmMpw4x1hOPGhDCYyhXEVa45Md4kT3pSUIcBmT03ZnpJmWcWYcg9HwzmPpubozFp+HOv4YYi3cAIsCgcpYwVlvBBWGllZuxwhDB0rCdziiGmvUaMFja6n1BbLUOtFz5k8LbfM9tDbOxoanbRHsNIl19rJUSAcO7CmDmpMOOk9LRzkbHfg5kE5WRsndKc0h058VclIvAAsCB5zBoXIKYcwoRwitcSupNq74FrolZKgDzyIOQW3Umxx+C4GNPGFwdZyphAHjVX69VR46CanETwk9cSdRnnPfI28DHL11jKdehst5aypvvMA80j6+D-pkc+FwIhXBuJtO+bxZmAhBC-N+J0P6XVROiKGv9T66Bwf9LwAAxepjSBCt3AY2OpMAGkwCacQn6w9yk1geR8p57gXnpjQfnTBuicEx3wehAmwD+AkM7J7chA47LYysXgWh9l8bznYHrJhgd9GU1JGyGm3C6YMwUck1mIiOa8i5tggByTUlCzCbCxR4s-F4ugrkNR8tdGoXQm4rBjpiW7yMZMkxuQzGmwsSwTFNibYrAcVaR2zisWuNViin2UkZL+2YUHVSocQrBKjoZdlpkInx0TjE9Fac8kOkzvzGR6T3YFwIMjEu1wy65Irt2TBhSkg1wSvXRu55AWfO+fwUFaxuwgEoCAMsHhngoBAIrFh+htjYDQN-ZwbQc62C0CAFUxbdBSATeAb4xpmjmFmBEMAKBEoNoQFIIAA).\n\nI will be opening a PR based on https://github.com/michaeljaltamirano/react/tree/fix/memo-heuristic-variable-declaration, which was also AI generated. I read through https://legacy.reactjs.org/docs/how-to-contribute.html and ran the relevant `yarn` scripts to double-check unintended regressions.\n\n\n### How often does this bug happen?\n\nEvery time\n\n### What version of React are you using?\n\n19.2.6\n\n### What version of React Compiler are you using?\n\n1.0.0\n\n### What version of `eslint-plugin-react-hooks` are you using?\n\n7.1.0. The regression does not exist in 7.0.1.", "closed_by": null, "reactions": { "url": "https://api.github.com/repos/react/react/issues/36432/reactions", "total_count": 0, "+1": 0, "-1": 0, "laugh": 0, "hooray": 0, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "performed_via_github_app": null, "state_reason": null, "pinned_comment": null, "linked_prs": [] }, { "url": "https://api.github.com/repos/react/react/issues/36430", "id": 4397440923, "node_id": "I_kwDOAJy2Ks8AAAABBhufmw", "number": 36430, "title": "Bug: [19.2] DEV-build logComponentRender throws SecurityError on cross-origin Window props", "user": { "login": "Rasvom", "id": 117905472, "node_id": "U_kgDOBwcYQA", "avatar_url": "https://avatars.githubusercontent.com/u/117905472?v=4", "gravatar_id": "", "url": "https://api.github.com/users/Rasvom", "type": "User", "user_view_type": "public", "site_admin": false }, "labels": { "0": { "id": 155984160, "node_id": "MDU6TGFiZWwxNTU5ODQxNjA=", "url": "https://api.github.com/repos/react/react/labels/Status:%20Unconfirmed", "name": "Status: Unconfirmed", "color": "d4c5f9", "default": false, "description": "A potential issue that we haven't yet confirmed as a bug" } }, "state": "open", "locked": false, "assignees": {}, "milestone": null, "comments": 0, "created_at": "2026-05-07T08:55:51Z", "updated_at": "2026-05-11T16:40:04Z", "closed_at": null, "assignee": null, "author_association": "NONE", "issue_field_values": {}, "type": null, "active_lock_reason": null, "sub_issues_summary": { "total": 0, "completed": 0, "percent_completed": 0 }, "issue_dependencies_summary": { "blocked_by": 0, "total_blocked_by": 0, "blocking": 0, "total_blocking": 0 }, "body": "React 19.2 DEV-build crashes the entire fiber-tree (`Should not already be working`) when a component receives a cross-origin Window object (e.g. `iframe.contentWindow` of an iframe with `srcdoc=\"\"`) as a prop. The new `logComponentRender` (called from `commitPassiveMountOnFiber`) recursively walks props in `addObjectToProperties` / `addValueToProperties` and reads `value.$$typeof` **without try/catch**. For a cross-origin Window any property access throws `SecurityError`, corrupting the work-in-progress fiber.\n\nThis is **not** the React DevTools extension issue (#29011) — `logComponentRender` is part of the **native DEV-build performance logger introduced in 19.2**. It runs unconditionally in development, **without any browser extension**.\n\n**React version:** 19.2.5 (`react@19.2.5`, `react-dom@19.2.5`)\n\n## Steps To Reproduce\n\n1. Bootstrap a fresh Vite + React 19.2.5 app: `npm create vite@latest -- --template react-ts`, then install `react@19.2.5` and `react-dom@19.2.5`.\n2. Replace `App.tsx` with the code from the **Link to code example** section below.\n3. Run `npm run dev` and open the page in Chrome (any recent version).\n4. Right after mount the page freezes — clicks and inputs do nothing.\n5. Open DevTools console and see two errors stacked:\n - `Uncaught SecurityError: Failed to read a named property '$$typeof' from 'Window'` at `logComponentRender` → `commitPassiveMountOnFiber`\n - `Uncaught Error: Should not already be working.` at `performWorkOnRoot`\n\nReproduces 100% in DEV-build. Production build (`npm run build && npm run preview`) is unaffected.\n\n## Link to code example\n\n```tsx\nimport { useEffect, useRef, useState } from 'react';\n\nfunction App() {\n const iframeRef = useRef(null);\n const [win, setWin] = useState(null);\n\n useEffect(() => {\n // iframe with srcdoc=\"\" gets origin \"null\" — cross-origin to host page\n setWin(iframeRef.current?.contentWindow ?? null);\n }, []);\n\n return (\n <>\n