This DOES work

go/go_ahead/src/Components/Pages/HomePage.js

 import React from 'react';
 
 export default class HomePage extends Component {
+    state = {};
     render() {
         return (
             <div>

go/go_ahead/src/Components/Pages/index.js

-import HomePage from './HomePage.jsx';
+import HomePage from './HomePage';
 
 export { HomePage };

package.json

@@ -13,13 +13,20 @@
     },
     "babel": {
         "presets": [
-      "es2015",
-      "react"
+            "@babel/preset-env",
+            "@babel/preset-react"
+        ],
+        "plugins": [
+            "@babel/plugin-proposal-class-properties"
         ]
     },
     "dependencies": {
+        "@babel/core": "^7.1.2",
+        "@babel/plugin-proposal-class-properties": "^7.1.0",
+        "@babel/preset-env": "^7.1.0",
+        "@babel/preset-react": "^7.0.0",
         "babel-core": "^6.26.3",
-    "babel-loader": "^7.1.5",
+        "babel-loader": "^8.0.4",
         "babel-plugin-transform-class-properties": "^6.24.1",
         "babel-preset-env": "^1.7.0",
         "babel-preset-es2015": "^6.24.1",

webpack.config.js

 module.exports = {
     module: {
-        rules: [{
-            test: /\.jsx$/,
+        rules: [
+            {
+                test: /\.(js|jsx)$/,
                 exclude: /node_modules/,
-            use: {
-                loader: "babel-loader"
-            }
-        }]
-    }
+                use: ['babel-loader'],
+            },
+        ],
+    },
+    resolve: {
+        extensions: ['*', '.js', '.jsx'],
+    },
 };