Inline JSX not recognized by babel-loader

[Sukumi]

Hi,
with the current setup:

1. babelrc
   echo '{ "presets": ["babel-preset-env", "react"] }' > .babelrc

2. webpack.config.js
   module: {
   rules: [
   {
   test: '/\.js$/',
   use: 'babel-loader',
   exclude: '/node_modules/'
   },
   {
   test: '/\.css$/',
   use: ['style-loader', 'css-loader']
   }
   ]
   }

the following error occurs. Is there some additional configuration necessary?

ERROR in ./src/index.js
Module parse failed: D:\dev\js\webpack\WebpackProjectOrg\src\index.js Unexpected token (16:4)
You may need an appropriate loader to handle this file type.
|
| return (
| <Provider store={store}>
| <Routes />
| </Provider>

[Sukumi]

Strange but with that loader rules it works now....
{ test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ },
{ test: /\.jsx$/, loader: 'babel-loader', exclude: /node_modules/ }

[samhinton88]

I came across the same error, but your additional rule for .jsx doesn't fix it. Do you think it's an issue with his versions?

[zakirt]

.js vs .jsx rules doesn't seem to be the issue.
I got this to work by leaving only react preset in the .babelrc file.
My .babelrc file (must be in the root directory) code:
{ "presets": [ ["react"] ] }