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

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?

Mar 02 '24 20:03 gunta

how can we reproduce this warning @gunta?

Mar 03 '24 03:03 ruucm

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

Mar 03 '24 16:03 gunta

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

Apr 18 '24 16:04 aydangoon

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

Apr 19 '24 16:04 gunta

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

Apr 19 '24 17:04 ruucm

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

Jul 21 '24 15:07 lensbart

Hello! Any updates? :-)

Sep 07 '24 16:09 Gheruha

same issue

Oct 20 '24 22:10 kevinnkansah

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

Oct 21 '24 06:10 ruucm