```javascript
"scripts": {
"dev": "electron-webpack dev",
"compile": "electron-webpack",
"dist": "yarn compile && electron-builder",
"dist:dir": "yarn dist --dir -c.compression=store -c.mac.identity=null"
},
"dependencies": {
"react": "^16.1.1",
"react-dom": "^16.1.1",
"source-map-support": "^0.5.0"
},
"devDependencies": {
"babel-preset-react": "^6.24.1",
"electron": "1.7.9",
"electron-builder": "^19.42.1",
"electron-webpack": "1.10.1",
"webpack": "^3.8.1"
}
}
```
in package.json

I am using
```javascript
import React from 'react'
import ReactDOM from 'react-dom'
import App from './app.jsx'

ReactDOM.render(, document.getElementById('app'))
```

```bash
[./src/renderer/index.js] ./src/renderer/index.js 171 bytes {0} [built]
+ 9 hidden modules

ERROR in ./src/renderer/app.jsx
Module parse failed: Unexpected token (7:16)
You may need an appropriate loader to handle this file type.
| export default class App extends Component {
| render() {
| return

Hello

| }
|
@ ./src/renderer/index.js 3:0-28
@ multi (webpack)-dev-server/client?http://localhost:64380 webpack/hot/dev-server ./src/renderer/index.js
Child html-webpack-plugin for "index.html":
1 asset
[./node_modules/html-loader/index.js?minimize=false!../../../__virtual__/renderer-index.html] ./node_modules/html-loader?minimize=false!/__virtual__/renderer-index.html 367 bytes {0} [built]

┗ ----------------------------
┏ Renderer -------------------

webpack: Failed to compile.

┗ ----------------------------
```

In the documentation it says that the presets are automatically handled.

`
All direct dev dependencies babel-preset-* and babel-plugin-* are automatically configured also.
`

The fix was to add :

```javascript
module.exports = {
module: {
rules: [
{
test: /\.jsx?$/,
loader: "babel-loader",
options: {
presets: ["react"]
}
}
]
},
resolve: {
extensions: ['.js', '.jsx']
}
}
```
in my webpack config for renderer.