Can I use require() rather than import/export?

[rainwashed]

I like the require syntax much more than import/export but it doesn't seem supported in React or Webpack, and both or just one could be contributing to this issue. require("react"); and other modules like that work just fine but if I try to require a component/seperate file, it doesn't let me because it says TypeError: Cannot assign to read only property 'exports' of object '#<Object>' It could be a React issue or a Webpack one, idk. Any help would be appreciated.

index.js

const React = require("react");
const ReactDOM = require("react-dom");
const createReactClass = require("create-react-class");
const App = require("./App.js");

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById("root"),
);

App.js

function App() {
  return (
      <div>Hello World!</div>
  );
}

module.exports = App;

[oddsingh]

plugins: [
new webpack.ProvidePlugin({
'React': 'react',
'$': 'jquery',
'_': 'lodash',
'ReactDOM': 'react-dom',
'cssModule': 'react-css-modules',
'Promise': 'bluebird'
})

    ]