[DevTools Bug] Cannot add node "621" because a node with that id is already in the Store.

[iprinceroyy]

Website or app

https://github.com/iprinceroyy/crwn-clothing

Repro steps

Bug report:

1. Clone & run in the local environment.
2. Sign in.
3. Head over to the shop.
4. Add some items to cart.
5. Click on the cart icon.

How often does this bug happen?

Every time

DevTools package (automated)

react-devtools-extensions

DevTools version (automated)

4.27.2-1a88fbb67

Error message (automated)

Cannot add node "621" because a node with that id is already in the Store.

Error call stack (automated)

at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:27863:41
    at bridge_Bridge.emit (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:25892:22)
    at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:26061:14
    at listener (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:56323:39)

Error component stack (automated)

No response

GitHub query string (automated)

https://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

[5unnyWind]

trying to fix it

[iprinceroyy]

trying to fix it

hey, @5unnyWind have you fixed it?

[5unnyWind]

hey,but I don't seem to be getting the error you're talking about

[danlee1996]

I am also experiencing this issue.

Firefox Extension Version: 4.27.1
My local npm package is version 4.27.4-a8f2653fa

Could the mismatched versions be the cause? (This most likely is a stupid question).

[long76]

seems it's crash on big tree

[long76]

log spamming warnings

version 4.27.6

[long76]

[THEmmanuel]

getting this error too... any ideas on how to get around and contribute to fixing this? pointers?

[jboler]

Also seeing this:

[Lxylona]

I got the error too

[filipclavin]

Same here

It only seems to happen when i select certain components. Here's what pops up when I select them from the component tree:

[hopemiller14]

I've also been getting this error a ton the past few days.

Chrome extension version: 4.27.6 (4/20/2023)
Chrome version: 112.0.5615.137 (Official Build) (x86_64)

[kamranayub]

Duplicate/related: #23226

This seems to happen more often when you have multiple tabs open on different domains with devtools also open for each one. That's what's happening right now.

FWIW it's happening on the React site itself, e.g. https://react.dev/learn/describing-the-ui so it's pretty reproducible. I have a localhost:3000 react app running in another tab.

I had to "end task" for the tabs and dev tools process to get it working again.

---

Chrome extension version: 4.27.7-783e7fcfa
Chrome version: Version 112.0.5615.138 (Official Build) (64-bit)

[V1shvesh]

Hey @kamranayub,

I had to "end task" for the tabs and dev tools process to get it working again.

Can you please elaborate on the steps to fix this?

Thanks!

[hoxyq]

Duplicate/related: #23226

This seems to happen more often when you have multiple tabs open on different domains with devtools also open for each one. That's what's happening right now.

FWIW it's happening on the React site itself, e.g. https://react.dev/learn/describing-the-ui so it's pretty reproducible. I have a localhost:3000 react app running in another tab.

I had to "end task" for the tabs and dev tools process to get it working again.

Chrome extension version: 4.27.7-783e7fcfa Chrome version: Version 112.0.5615.138 (Official Build) (64-bit)

@kamranayub Can you please share a list of steps which result into facing this error?

I've tried opening multiple (4+ tabs) at the same time, both production and dev builds of React, refreshing pages and reloading Chrome DevTools panels, but cannot reproduce it.

I know that reproducing this can be random, but I am happy to follow the same steps if this errors pops up more frequently for you.