Bundle React.js project into single js file that can be embedded in Ghost blog post

After building a React.js project, I want to bundle all the files (HTML, js, CSS) into a single js file that can be embedded into a ghost blog post.

Here is an example of how this was done for a ghost blog post.

https://blog.openbloc.com/including-a-js-app-in-a-ghost-post/

My question is how do I bundle the React.js project files into a single file that can be deployed in a ghost blog post?

This can be successfully done for Vue.js but I am not sure if it can be done for React.js

Bundle Vue project into single js file that can be embedded in Ghost blog post

I am using the React v18

from Bundle React.js project into single js file that can be embedded in Ghost blog post