react-konva icon indicating copy to clipboard operation
react-konva copied to clipboard

Error: Could not find ID for Fiber "App"

Open Throttle opened this issue 4 years ago • 9 comments

The error occurs opening react-konva examples: react_devtools_backend.js:5731 Uncaught Error: Could not find ID for Fiber "App" at getFiberIDThrows (react_devtools_backend.js:5731) at recordMount (react_devtools_backend.js:6361) at mountFiberRecursively (react_devtools_backend.js:6459) at mountFiberRecursively (react_devtools_backend.js:6507) at react_devtools_backend.js:6910 at Set.forEach (<anonymous>) at Object.flushInitialOperations (react_devtools_backend.js:6891) at react_devtools_backend.js:14252 at <anonymous>:201:34 at Array.map (<anonymous>) at Object.emit (<anonymous>:201:24) at attachRenderer (react_devtools_backend.js:14279) at react_devtools_backend.js:14291 at Map.forEach (<anonymous>) at initBackend (react_devtools_backend.js:14290) at setup (react_devtools_backend.js:10996) at welcome (react_devtools_backend.js:10942)

Env: Browser: Chrome 90.0.4430.212 OS: MacOS React Dev Tools: 4.13.4 (5/20/2021)

Examples:

  1. 'How to draw images on canvas with React?' https://ox106pyo65.csb.app/ image

  2. 'Drawing canvas shapes with React' https://w0oz80qqw8.csb.app/ image

Throttle avatar May 22 '21 00:05 Throttle

Still reproducing by switching to standalone https://github.com/facebook/react/tree/master/packages/react-devtools

Throttle avatar May 22 '21 00:05 Throttle

I'm getting the same thing in my own test app. Not sure what's causing it? Also when using react dev tools I can only see a 'StageWrap' component in the tree, but no other children of that (layers, groups, rect, etc.) is that the expected behavior?

wilsmex avatar May 25 '21 22:05 wilsmex

To me that looks like an issue with React Dev Tools. Probably it doesn't like custom renderers (such as react-konva). I am not sure what we can do from react-konva side.

Personally I am not interested much in finding the solution, because I am not using React Dev Tools and I just ignore the message.

But any help is very welcome. Probably we should ask in React Dev Tools repo.

lavrton avatar May 25 '21 23:05 lavrton

I'm sure some change to DevTools caused this problem. Until a few days ago, I did not have this error. And I haven't updated any dependencies in the meantime.

PawelGIX avatar May 26 '21 09:05 PawelGIX

mine already gone after update to the latest build.

image

hfz-r avatar May 26 '21 12:05 hfz-r

This is happening to me as well. Using React Dev Tools v4.18.0. Happens both in Firefox and Chrome.

bernardobelchior avatar Sep 16 '21 13:09 bernardobelchior

happening on my end too with dev tools version 4.22.0

d-pollard avatar Dec 29 '21 19:12 d-pollard

I've opened this issue; hopefully it'll get some attention: https://github.com/facebook/react/issues/23049

d-pollard avatar Dec 30 '21 21:12 d-pollard

I have the same problem image

View release notes for DevTools version 4.23.0-e28a0db22

pacocom avatar Feb 22 '22 13:02 pacocom

I don't see the issue for now. Please provide steps to reproduce if you still have it.

lavrton avatar Apr 14 '23 18:04 lavrton