dy743/React-Three-Fiber ? reverse-engineered prompt

Build me a TypeScript library that lets people use Three.js in a normal React way, so they can write scene objects as React components instead of imperative Three code.

I want a working core package with a Canvas component, support for common Three objects, basic events like click and hover, and a frame hook so components can animate themselves. It should feel like React, with reusable components, state, and props working naturally. Please include a small example app that shows a rotating box, lighting, and pointer interactions, plus clear docs or a simple README for getting started.

If it makes sense, also support a React Native version or at least keep the code structured so that it could work there too. Use current best practices and look up the latest docs online if you need to.