Fix jsx setup

Author: sophiiistika

src/app.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 
 const App = () => <p>Hallo, hier ist alles schön :)</p>;
 

src/index.tsx

@@ -1,8 +1,8 @@
-import 'core-js/stable';
-import 'regenerator-runtime/runtime';
+import "core-js/stable";
+import "regenerator-runtime/runtime";
 
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './app';
+import React from "react";
+import ReactDOM from "react-dom";
+import App from "./app";
 
-ReactDOM.render(<App />, document.getElementById('root'));
+ReactDOM.render(<App />, document.getElementById("root"));

webpack.config.js

@@ -1,28 +1,28 @@
-const path = require('path');
+const path = require("path");
 
-const HtmlWebpackPlugin = require('html-webpack-plugin');
+const HtmlWebpackPlugin = require("html-webpack-plugin");
 
 const getPath = (file) => {
-  return path.resolve(__dirname, 'src', file);
+  return path.resolve(__dirname, "src", file);
 };
 
 module.exports = (env, argv) => {
-  const isDevelopment = argv.mode === 'development';
-  const filename = isDevelopment ? '[name]' : '[name]-[contenthash:6]';
+  const isDevelopment = argv.mode === "development";
+  const filename = isDevelopment ? "[name]" : "[name]-[contenthash:6]";
 
   return {
     entry: {
-      app: getPath('index.tsx'),
+      app: getPath("index.tsx"),
     },
     output: {
       filename: `${filename}.js`,
       sourceMapFilename: `${filename}.js.map`,
     },
     resolve: {
       alias: {
-        '~': path.resolve(__dirname, 'src'),
+        "~": path.resolve(__dirname, "src"),
       },
-      extensions: ['.js', '.ts', '.tsx'],
+      extensions: [".js", ".ts", ".tsx"],
     },
     module: {
       rules: [
@@ -31,25 +31,25 @@ module.exports = (env, argv) => {
           exclude: /node_modules/,
           use: [
             {
-              loader: 'babel-loader',
+              loader: "babel-loader",
             },
             {
-              loader: 'eslint-loader',
+              loader: "eslint-loader",
             },
             {
-              loader: 'ts-loader',
+              loader: "ts-loader",
             },
           ],
         },
       ],
     },
     plugins: [
       new HtmlWebpackPlugin({
-        filename: 'index.html',
-        template: getPath('index.html'),
+        filename: "index.html",
+        template: getPath("index.html"),
       }),
     ],
-    devtool: 'source-map',
+    devtool: "source-map",
     devServer: {
       port: 4000,
     },