'WebGL2RenderingContext': Overload resolution failed when using Raycaster in React Three Fiber

[reynaldlamury]

I recently have done an exploration with raycaster using React Three Fiber. It works fine in the result, but it comes with an error that feels kind of annoying. I want to find out the where the problem is, and finally clear the error in case it's gonna do bad things when code gets more complex in the future

The error says it like so:

three.module.js:17297 Uncaught TypeError: Failed to execute 'uniform3fv' on 'WebGL2RenderingContext': Overload resolution failed.

The snapshot of the error:

----------------- live code --------------------------------

Here is the link for the code playground:

https://codesandbox.io/s/react-three-fiber-forked-h02gdy?file=/src/index.js

----------------- live code --------------------------------

Any idea how to fix it ? Appreciate any answer