pmndrs/react-three-fiber ? reverse-engineered prompt

I want to create a React library that makes it easy to use Three.js for 3D graphics. The main idea is to let developers build a 3D scene declaratively using JSX, just like they do with regular HTML components. So instead of complex Three.js setup, you could just write something like <mesh> or <ambientLight> right in your React code.

It should feel completely native to React, allowing the use of hooks for state and animation. For example, a developer could easily make a 3D box that spins, changes color on hover, and gets bigger on click, all using standard React state management. It's really important that this doesn't add any performance overhead compared to using Three.js directly. The library should be a thin wrapper that just expresses Three.js objects in a React-friendly way.