Error: "Commit tree does not contain fiber "5766". This is a bug in React DevTools."

[dixitk13]

Describe what you were doing when the bug occurred:

1. Profiling recharts library
2. Filtered on commits greater than 3s
3. Walking through the commits doing a next > next

---

Please do not remove the text below this line

DevTools version: 4.10.1-f160547f47

Call stack: at updateTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:19729:21)
at getCommitTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:19594:26)
at ProfilingCache_ProfilingCache.getCommitTree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:20115:11)
at CommitFlamegraphAutoSizer (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:34161:33)
at Hh (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:12807:7)
at qi (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:13457:7)
at mk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:16074:86)
at lk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:15459:11)
at kk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:15451:23)
at ck (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:15435:5)

Component stack: at CommitFlamegraphAutoSizer (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:34144:50)
at div
at div
at div
at SettingsModalContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:28206:3)
at Profiler_Profiler (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:35772:50)
at ErrorBoundary_ErrorBoundary (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:29219:5)
at PortaledContent (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:29336:32)
at div
at div
at ProfilerContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32934:3)
at TreeContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:24322:3)
at SettingsContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:24811:3)
at ModalDialogContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:29404:3)
at DevTools_DevTools (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:36207:3)

[bvaughn]

Can you reliably reproduce this? If so, can you please share a repro case with us? (The bug is unlikely to be fixed without out.)

[dixitk13]

Should I be providing the profiler json? Because using a recording profiler json or the use case, I mentioned above, it reproduces always.

Or are you looking for a repository where this can be reproduced?

[bvaughn]

Ah, sorry my original request was unclear.

No, profiler JSON would likely just show that an element is indeed missing. A repro case (where I can run the code, see where/how/why DevTools misses the element) is what I need to fix.

[dixitk13]

Argh. So this is going to sound weird.

I have a project where I can reproduce this, and I can do that always (see the date @ screenshot) but I can't ship it out due to a lot of internal tooling.
So, I tried a similar use-case in my personal-{laptop, project} and I cannot it reproduce in that project.
I'll try some more and see if I can reproduce it in my personal project.

The image below is from the project which I can't ship 😞

[bvaughn]

@dixitk13 I would be willing to sign an NDA or similar agreement if that would help. Otherwise, it would be super helpful if you were able to reduce it to something that you could ship. (Maybe you could start with your full app and remove things until you get to the smallest case that repros the bug? Then you could share just that?)

[bvaughn]

Friendly ping. Any update or chance of one?

[dixitk13]

Hey @bvaughn, try the below:

Use this repo react-profiler-sample. The movie attached should help w/ repro steps. I also left some silly comments in App.tsx - if you wanna try those out as well (somehow I feel they contribute to this trace - I could be wrong there).

I haven't experimented much w/ the different yarn, node and npm versions, but below the ones which kinda did it.

➜  react-profiler-sample git:(master) yarn -v
1.19.1
➜  react-profiler-sample git:(master) node -v
v10.17.0
➜  react-profiler-sample git:(master) npm -v
6.11.3

react-profiler-error-720-2.mov

[bvaughn]

Thank you for the repro!

Holiday time so I might not take a look right away, but I'll try to look soonish.