search

facebook / react

The library for web and native user interfaces.
https://react.dev
MIT License
229.08k stars 46.86k forks source link

[DevTools Bug] Commit tree already contains fiber "3289". This is a bug in React DevTools. #26758

Open pankajsoni91 opened 1 year ago

pankajsoni91 commented 1 year ago

Website or app

no-url.com

Repro steps

Trying to navigate between the graphs.

How often does this bug happen?

Often

DevTools package (automated)

react-devtools-extensions

DevTools version (automated)

4.27.6-7f8c501f6

Error message (automated)

Commit tree already contains fiber "3289". This is a bug in React DevTools.

Error call stack (automated)

at updateTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:27498:19)
    at getCommitTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:27430:20)
    at ProfilingCache_ProfilingCache.getCommitTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:27959:11)
    at CommitFlamegraphAutoSizer (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:46157:33)
    at Bf (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:13715:7)
    at dh (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:14781:7)
    at uk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:18235:86)
    at qk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:17769:11)
    at pk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:17658:23)
    at Ze (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:17638:5)

Error component stack (automated)

at CommitFlamegraphAutoSizer (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:46140:34)
    at div
    at div
    at div
    at SettingsModalContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:38425:3)
    at Profiler_Profiler (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:56259:34)
    at ErrorBoundary_ErrorBoundary (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:39958:5)
    at div
    at div
    at ThemeProvider (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40130:3)
    at PortaledContent (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40160:5)
    at div
    at div
    at div
    at ThemeProvider (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40130:3)
    at TimelineContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:45411:3)
    at ProfilerContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:44839:3)
    at TreeContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32649:3)
    at SettingsContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:33298:3)
    at ModalDialogContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40555:3)
    at DevTools_DevTools (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:56766:3)

GitHub query string (automated)

https://api.github.com/search/issues?q=Commit tree already contains fiber . This is a bug in React DevTools. in:title is:issue is:open is:public label:"Component: Developer Tools" repo:facebook/react
rakshithcgowda commented 1 year ago

How to access the code in vs code

pankajsoni91 commented 1 year ago

@rakshithcgowda I'm sorry I didn't get what you wanted to ask.

rakshithcgowda commented 1 year ago

@pankajsoni91 Like I am asking that see there is an bug in the code we want to debug it right where can we access that code. Or do we need to start from scratch and build entire thing###

pankajsoni91 commented 1 year ago

I don't have a sample code. but facing this issue very often.

GeorgeWL commented 1 year ago 
The error was thrown at updateTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:27946:19)
    at getCommitTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:27878:20)
    at ProfilingCache_ProfilingCache.getCommitTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:28407:11)
    at CommitFlamegraphAutoSizer (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:46621:33)
    at Jf (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:14237:7)
    at rh (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:15421:7)
    at Fk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:18874:86)
    at Bk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:18405:11)
    at Ak (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:18296:23)
    at ef (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:18278:5)
The error occurred at CommitFlamegraphAutoSizer (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:46604:34)
    at div
    at div
    at div
    at SettingsModalContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:38889:3)
    at Profiler_Profiler (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:56723:34)
    at ErrorBoundary_ErrorBoundary (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40422:5)
    at div
    at div
    at ThemeProvider (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40594:3)
    at PortaledContent (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40624:5)
    at div
    at div
    at div
    at ThemeProvider (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40594:3)
    at TimelineContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:45875:3)
    at ProfilerContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:45303:3)
    at TreeContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:33113:3)
    at SettingsContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:33762:3)
    at ModalDialogContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:41019:3)
    at DevTools_DevTools (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:57230:3)

I can say we're still on React 17, and are unable to upgrade yet (some work needed on our codebase to remove a deprecated library)

jjworren commented 1 year ago

I'm seeying this one too - basically 100% of the time

Uncaught Error: Commit tree already contains fiber "31129". This is a bug in React DevTools.
The error was thrown at updateTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:27946:19)
    at getCommitTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:27878:20)
    at ProfilingCache_ProfilingCache.getCommitTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:28407:11)
    at CommitRankedAutoSizer (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:46872:33)
    at Jf (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:14237:7)
    at rh (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:15421:7)
    at Fk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:18874:86)
    at Bk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:18405:11)
    at Ak (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:18296:23)
    at ef (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:18278:5)
The error occurred at CommitRankedAutoSizer (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:46855:34)
    at div
    at div
    at div
    at SettingsModalContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:38889:3)
    at Profiler_Profiler (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:56723:34)
    at ErrorBoundary_ErrorBoundary (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40422:5)
    at div
    at div
    at ThemeProvider (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40594:3)
    at PortaledContent (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40624:5)
    at div
    at div
    at div
    at ThemeProvider (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40594:3)
    at TimelineContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:45875:3)
    at ProfilerContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:45303:3)
    at TreeContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:33113:3)
    at SettingsContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:33762:3)
    at ModalDialogContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:41019:3)
    at DevTools_DevTools (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:57230:3)