Can I use my custom object like a tag or add it to the output of my new component?

[Bungalow12]

I'm not sure I'm explaining myself well in the question. Let's say I have a standard ThreeJS library where I have a ball and a paddle like:

class Ball extends THREE.Object3D {
  // Do cool ball stuff
}

class Paddle extends THREE.Object3D {
  // Do cool paddle stuff
}

Is it possible to then wrap them in a React Three Fiber version like having a GameComponent and using it my previously existing libraries in it like:

return (
  <Ball />
  <Paddle />
  );

I'm effectively hoping to not need to re-write these objects in a React Three Fiber specific way and maintain 2 versions of my SDK. One supporting Fiber and one straight up ThreeJS.

I get it may be a weird question so I'd like to better explain my use case.

Let's say I'm building a game asset library such that you could slap some stuff into a scene and the components will behave in that system as you'd expect. Almost a game maker like case.
I recently came across React Three Fiber and figured there are a lot of users that would like to be able to use that in here (a lot in terms of those who may use it lol)
Anyway I'm trying to avoid having to re-write a React Three Fiber version. Not that it seems particularly hard just that it would mean maintaining the two SDKs to support both user scenarios.

Since the base of this project turns the Object3D based items and more into React I figured it wasn't a re-implmentation but a way to re-use it with a new tag. perhaps I just need to do similar as to what was done for this but I was hoping there was some magical weapon that would make this process easier than me having to figure that all out as well.

[Bungalow12]

So I solved it and boy was it simple. I should have slowed down to read the code more.
Essentially I needed to mirror this with my own types:
https://github.com/pmndrs/react-three-fiber/blob/master/packages/fiber/src/three-types.ts

so for example

export type BallProps = Object3DNode<Ball, typeof Ball>;
export type PaddleProps = Object3DNode<Paddle, typeof Paddle>;

declare global {
  namespace JSX {
    interface IntrinsicElements {
      ball: BallProps;
      paddle: PaddleProps;
    }
  }
}