How to connect Threejs to React?

Question

I work with React and use a canvas. I want to change the canvas to WebGL (Threejs library). How to connect this library to React?

I have some element, e.g.

Answer 1

If you are working with hooks. here is an example of a loaded 3D model from three.js with React.js.

https://github.com/sarat9/react-threejs-sample/blob/master/src/animations/SoldierMachineAnimation/index.jsx