How to inject React into Chrome Extension's content.js file?

Question

JavaScript

Hello everyone, I ran into such a problem that I can’t embed React in the content.js file.
For those who do not know when creating a chrome extension, there is a popup, this is a window in the corner on the right, and content.js is a file that allows you to interact with the DOM.
What needs to be done to inject React into this file?

Code in content.js file and browser error

Answer 1

With the help of react-app-rewired, I changed entry points to files such as content.js, background.js, popup.html/js
You can find ready-made examples on the Internet

Answer 2

Through webpack or gulp, first build your React App, and then use the already received JS in content.js