Getting an React does not recognize the importedFiber prop on a DOM element error

[gunta]

Warning: React does not recognize the importedFiber prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase importedfiber instead. If you accidentally passed it from a parent component, remove it from the DOM element.
at div
at Canvas (https://localhost:53000/node_modules/.vite/deps/chunk-7GXICCTN.js?v=2cce9f4f:18514:3)
at FiberProvider (https://localhost:53000/node_modules/.vite/deps/chunk-7GXICCTN.js?v=2cce9f4f:18370:21)
at CanvasWrapper

Any idea?

[ruucm]

how can we reproduce this warning @gunta?

[gunta]

Ok I will try to create a separate project to reproduce. It might have to do with ThreeJS versions tho

[aydangoon]

@gunta I'm also running into this issue, was a fix discovered?

[gunta]

Sorry, I couldn't fix it in that project so I gave up.
And I already moved myself to another project.

[ruucm]

@aydangoon please make a codesandbox to reproduce issues. I'll look more on this weekend.

[lensbart]

I have the same issue by just following the example in the readme, using a URL string

[Gheruha]

Hello! Any updates? :-)

[kevinnkansah]

same issue

[ruucm]

from v1.3.x, we've updated to the latest three.js (^0.169.0)

please check example-cra once more

https://codesandbox.io/p/sandbox/github/ruucm/shadergradient/tree/main/apps/example-cra?file=%2Fsrc%2FApp.tsx