Package Upgrade

Author: tushar1998

package.json

@@ -6,8 +6,8 @@
   "author": "Tushar Mistry",
   "license": "ISC",
   "scripts": {
-    "start": "cross-env APP_ENV=local webpack serve --config webpack/webpack.config.js --env env=dev",
-    "build": "webpack --config webpack/webpack.config.js --env env=prod",
+    "start": "cross-env APP_ENV=local NODE_ENV=development webpack serve --config webpack/webpack.config.js --env env=dev",
+    "build": "cross-env APP_ENV=production NODE_ENV=production webpack --config webpack/webpack.config.js --env env=prod",
     "analyze": "webpack --config webpack/webpack.config.js --env env=prod --analyze",
     "lint": "eslint --fix \"./src/**/*.{js,jsx,ts,tsx,scss,css,json}\"",
     "format": "prettier --write \"./src/**/*.{js,jsx,ts,tsx,scss,css,json,md}\"",
@@ -30,24 +30,26 @@
     "styled-components"
   ],
   "dependencies": {
-    "@babel/core": "^7.14.2",
+    "@babel/core": "^7.15.5",
     "@babel/plugin-transform-runtime": "^7.14.2",
-    "@babel/preset-env": "^7.14.2",
+    "@babel/preset-env": "^7.15.6",
     "@babel/preset-react": "^7.13.13",
     "@babel/preset-typescript": "^7.13.0",
     "@babel/runtime": "^7.14.0",
     "@svgr/webpack": "^5.5.0",
     "babel-loader": "^8.2.2",
-    "copy-webpack-plugin": "^8.1.1",
-    "css-loader": "^5.2.4",
+    "copy-webpack-plugin": "^9.0.1",
+    "css-loader": "^6.2.0",
     "dotenv-webpack": "^7.0.2",
     "html-webpack-plugin": "^5.3.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "style-loader": "^2.0.0",
+    "style-loader": "^3.2.1",
     "styled-components": "^5.3.0",
+    "terser-webpack-plugin": "^5.2.4",
+    "ts-loader": "^9.2.5",
     "typescript": "^4.2.4",
-    "webpack": "^5.37.0",
+    "webpack": "^5.52.1",
     "webpack-cli": "^4.7.0",
     "webpack-merge": "^5.7.3"
   },
@@ -57,34 +59,37 @@
     "@storybook/addon-essentials": "^6.2.9",
     "@storybook/addon-links": "^6.2.9",
     "@storybook/builder-webpack5": "^6.2.9",
+    "@storybook/manager-webpack5": "^6.3.8",
     "@storybook/react": "^6.2.9",
+    "@storybook/theming": "^6.3.8",
     "@testing-library/jest-dom": "^5.12.0",
-    "@testing-library/react": "^11.2.7",
-    "@types/jest": "^26.0.23",
-    "@types/react": "^17.0.5",
+    "@testing-library/react": "^12.0.0",
+    "@types/jest": "^27.0.1",
+    "@types/node": "^16.9.1",
+    "@types/react": "^17.0.20",
     "@types/react-dom": "^17.0.5",
-    "@types/styled-components": "^5.1.9",
-    "@typescript-eslint/eslint-plugin": "^4.23.0",
-    "@typescript-eslint/parser": "^4.23.0",
+    "@types/styled-components": "^5.1.14",
+    "@typescript-eslint/eslint-plugin": "^4.31.0",
+    "@typescript-eslint/parser": "^4.31.0",
     "cross-env": "^7.0.3",
     "eslint": "^7.26.0",
     "eslint-config-airbnb": "18.2.1",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.23.1",
     "eslint-plugin-jest": "^24.3.6",
     "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.23.2",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "husky": "6.0.0",
-    "jest": "^26.6.3",
+    "husky": "7.0.2",
+    "jest": "^27.1.1",
     "lint-staged": "^11.0.0",
-    "netlify-cli": "^3.29.15",
-    "prettier": "^2.3.0",
+    "netlify-cli": "^6.8.12",
+    "prettier": "^2.4.0",
     "react-refresh": "^0.10.0",
-    "ts-jest": "26.5.6",
-    "ts-node": "9.1.1",
-    "webpack-bundle-analyzer": "4.4.1",
-    "webpack-dev-server": "3.11.2"
+    "ts-jest": "27.0.5",
+    "ts-node": "10.2.1",
+    "webpack-bundle-analyzer": "4.4.2",
+    "webpack-dev-server": "4.2.0"
   }
 }

tsconfig.json

@@ -6,7 +6,6 @@
     "typeRoots": ["./node_modules/@types"],
     "lib": ["dom", "esnext"] /* Specify library files to be included in the compilation. */,
     "jsx": "react-jsx" /* Specify JSX code generation: 'preserve', 'react-native', 'react' or 'react-jsx'. */,
-    "noEmit": true /* Do not emit outputs. */,
     "isolatedModules": true /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */,
     "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
     "strict": true /* Enable all strict type-checking options. */,

webpack/webpack.common.js

@@ -31,11 +31,7 @@ module.exports = {
       {
         test: /\.(ts|js)x?$/,
         exclude: /node_modules/,
-        use: [
-          {
-            loader: 'babel-loader',
-          },
-        ],
+        use: ['babel-loader'],
       },
       {
         test: /\.(c|sc)ss$/,