How do I use a react-web-component component in a vanilla js file tied to an HTML file

I created a simple React component.

nextjs import multiple components from index manifest imports everything

BACKGROUND:
I have a project where I have all my UI components in a /components directory.
Right now I export each component in its own file as: