src/renderer/main.tsx

```
import * as React from "react";
import * as ReactDOM from "react-dom";


ReactDOM.render((

I am react h1

), document.getElementById("app"));

```

Error that I am getting:
```
ERROR in ./src/renderer/main.tsx 5:17
Module parse failed: Unexpected token (5:17)
You may need an appropriate loader to handle this file type.
|
|
> ReactDOM.render((

I am react h1

), document.getElementById("app"));
|
@ multi (webpack)-dev-server/client?http://localhost:9080 webpack/hot/dev-server css-hot-loader/hotModuleReplacement ./src/renderer/main.tsx
```

My package.json file
```
{
"name": "efin",
"version": "1.0.0",
"description": "",
"scripts": {
"debug": "which electron",
"dev": "electron-webpack dev"
},
"author": "",
"license": "ISC",
"dependencies": {
"@babel/preset-react": "^7.0.0-beta.51",
"@types/console-stamp": "^0.2.31",
"@types/knex": "^0.14.14",
"@types/koa": "^2.0.46",
"@types/koa-router": "^7.0.30",
"@types/minimist": "^1.2.0",
"@types/node": "^10.3.6",
"@types/react": "^16.4.5",
"@types/react-dom": "^16.0.6",
"@types/react-router-dom": "^4.2.7",
"console-stamp": "^0.2.6",
"csv-parse": "^2.5.0",
"electron": "^2.0.3",
"electron-webpack": "^2.1.2",
"electron-webpack-ts": "^2.0.2",
"humanize": "0.0.9",
"knex": "^0.14.6",
"koa": "^2.5.1",
"koa-router": "^7.4.0",
"minimist": "^1.2.0",
"murmurhash": "0.0.2",
"mysql": "^2.15.0",
"node-ini": "^1.0.0",
"react": "^16.4.1",
"react-dom": "^16.4.1",
"react-hot-loader": "^4.0.0",
"react-router-dom": "^4.3.1",
"ts-node": "^7.0.0",
"tslib": "^1.9.3",
"typescript": "^2.9.2",
"upstox": "^1.2.3",
"webpack": "^4.14.0"
}
}
```

My tsconfig.json file:
```
{
"extends": "./node_modules/electron-webpack/tsconfig-base.json",
"compilerOptions": {
"jsx": "react"
}
}
```