Update (#76)

* Update 🚀

* Update 🚀

* Updates + fix storybook for webpack 5 🚀

* Updated styled components 🚀

* Updated ts 🚀

* Updated eslint 🚀

* Updated jest + react testing library 🚀

* Updates 🚀

* Update completed 🚀

Author: chicio

.storybook/main.js

@@ -7,18 +7,16 @@ module.exports = {
     "@storybook/addon-links",
     "@storybook/addon-essentials",
   ],
+  core: {
+    builder: "webpack5",
+  },
   webpackFinal: async config => {
-    /** https://www.gatsbyjs.com/docs/how-to/testing/visual-testing-with-storybook/ **/
     config.module.rules[0].exclude = [/node_modules\/(?!(gatsby)\/)/]
     config.module.rules[0].use[0].loader = require.resolve("babel-loader")
     config.module.rules[0].use[0].options.presets = [
       require.resolve("@babel/preset-react"),
       require.resolve("@babel/preset-env"),
     ]
-    config.module.rules[0].use[0].options.plugins = [
-      require.resolve("@babel/plugin-proposal-class-properties"),
-      require.resolve("babel-plugin-remove-graphql-queries"),
-    ]
     config.resolve.mainFields = ["browser", "module", "main"];
     config.module.rules.push({
       test: /\.(ts|tsx)$/,
@@ -35,8 +33,10 @@ module.exports = {
         ],
       },
     })
-    config.resolve.extensions.push(".ts", ".tsx")
 
-    return config;
+    config.module.rules[0].use[0].options.plugins.push(
+      require.resolve("babel-plugin-remove-graphql-queries")
+    )
+    return config
   },
 }