$ npx webpack
[webpack-cli] Compilation finished
assets by status 345 bytes [cached] 1 asset
./src/index.js 160 bytes [built] [code generated] [1 error]

ERROR in ./src/index.js 5:16
Module parse failed: Unexpected token (5:16)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| import App from './components/App.js'
|
> ReactDOM.render(<App />, document.getElementById('root') )

webpack 5.3.2 compiled with 1 error in 577 ms

import React from 'react'
import ReactDOM from 'react-dom'
import App from './components/App.js'

ReactDOM.render(<App />, document.getElementById('root') )

import React from 'react'

class App extends React.Component {

    render() {
        return <div>hello react setup</div>
    }
}


export default App