[DevTools Bug] Cannot add node "1" because a node with that id is already in the Store. #27185
Comments
ansharah-gs
added
Component: Developer Tools
Status: Unconfirmed
|
I've got this same error. I've run react-devtools for the first time today and got the error. There was failure in both the command window and the components tab of the chrome react developer tools (not sure about the terminology) I've terminated the command window react-devtools and the data in the components tab of chrome ... is now working. I'm running 4.28.0 (7/10/2023) |
…rt management and service worker lifetime (#27215) Fixes #27119, #27185. Fixed: - React DevTools now works as expected when user performs in-tab navigation, previously it was just stuck. https://github.com/facebook/react/assets/28902667/b11c5f84-7155-47a5-8b5a-7e90baca5347 - When user closes browser DevTools panel, we now do some cleanup to disconnect ports and emit shutdown event for bridge. This should fix the issue with registering duplicated fibers with the same id in Store. Changed: - We reconnect proxy port once in 25 seconds, in order to [keep service worker alive](https://developer.chrome.com/docs/extensions/whatsnew/#m110-sw-idle). - Instead of unregistering dynamically injected content scripts, wen now get list of already registered scripts and filter them out from scripts that we want to inject again, see dynamicallyInjectContentScripts.js. - Split `main.js` and `background.js` into multiple files. Tested on Chromium and Firefox browsers.
|
@hoxyq, when will this be released ? Is there a beta version that can be used until then ? |
Hey, hopefully I will submit the release next week, and then it depends how long it will be reviewed (usually a couple of days). I am currently fixing some stuff related to it and testing internally at Meta, so it is not ready yet to be shipped for everyone. But if you want to try it out, you can download corresponding artifacts from the CI - https://app.circleci.com/pipelines/github/facebook/react/45858/workflows/05ef139a-6b29-42d5-9608-9f0058272dec/jobs/714315/artifacts Make sure that you have only 1 React DevTools extension installed and please share any errors that might occur. |
|
Thanks for the update. I have installed the version from the CI artifacts. When the page first loads the extension works as expected. But upon going to other pages within the app, I still the error "Uncaught Error: Cannot remove node "4752" because no matching node was found in the Store.". Here are few screenshots that might help.
Also getting this error This the errors I get from the manage extensions page |
I am currently trying to find ways to fix this, thanks! Reopening browser DevTools usually helps to resolve this error. |
Hey, I've recently published 4.28.3 internally at Meta, and it seems far more stable. Can you try the same with |
|
This version looks much promising. I will report any issues found during testing. |
|
Hey, the browser extension v4.28.4 has been published today on Chrome's extensions store. This version includes various changes to the content scripts injection logic, which should be more reliable now. Can anyone try upgrading to v4.28.4 and report if this is still reproducible? |
|
Just got a notification about this bug (first time I've ever seen it FWIW) 
|
Thanks for reporting this, did this happened multiple times or just once? Also, can you please share your actions, after which this error was displayed? |
|
Just the one time. Before it happened, I was debugging a dev build of an app for work, I was experiencing timeouts attempting to use the element selector from dev tools (the left list of elements loaded but clicking on any element would result in a timeout error on the right). Then I refreshed the page and got this error. (Submitted this report) and then refreshed and haven't seen it again though I also wasn't using it much afterwards. |
|
MS Edge browser installed devtools two times, after removing. one, error gone. |
…rt management and service worker lifetime (facebook#27215) Fixes facebook#27119, facebook#27185. Fixed: - React DevTools now works as expected when user performs in-tab navigation, previously it was just stuck. https://github.com/facebook/react/assets/28902667/b11c5f84-7155-47a5-8b5a-7e90baca5347 - When user closes browser DevTools panel, we now do some cleanup to disconnect ports and emit shutdown event for bridge. This should fix the issue with registering duplicated fibers with the same id in Store. Changed: - We reconnect proxy port once in 25 seconds, in order to [keep service worker alive](https://developer.chrome.com/docs/extensions/whatsnew/#m110-sw-idle). - Instead of unregistering dynamically injected content scripts, wen now get list of already registered scripts and filter them out from scripts that we want to inject again, see dynamicallyInjectContentScripts.js. - Split `main.js` and `background.js` into multiple files. Tested on Chromium and Firefox browsers.
Website or app
running react app
Repro steps
i just made a basic portfolio app on react app and suddenly this bug showed up, and i cant seem to access the localhost link in any browser beside Firefox
How often does this bug happen?
Often
DevTools package (automated)
react-devtools-extensions
DevTools version (automated)
4.27.8-2468a8735
Error message (automated)
Cannot add node "1" because a node with that id is already in the Store.
Error call stack (automated)
Error component stack (automated)
No response
GitHub query string (automated)
The text was updated successfully, but these errors were encountered: