chore: upgrade CRA v4

Author: geekdada

.env

@@ -0,0 +1,4 @@
+# https://github.com/facebook/create-react-app/issues/9873
+DISABLE_NEW_JSX_TRANSFORM=true
+# Enable React Refresh
+FAST_REFRESH=true

craco.config.js

@@ -1,16 +1,11 @@
 'use strict'
 
-const CracoWorkboxPlugin = require('craco-workbox')
 const pkg = require('./package.json')
 
 process.env.REACT_APP_VERSION = pkg.version
 
 module.exports = {
-  plugins: [
-    {
-      plugin: CracoWorkboxPlugin,
-    },
-  ],
+  plugins: [],
   style: {
     postcss: {
       plugins: [

package.json

@@ -15,16 +15,16 @@
     "@sumup/design-tokens": "^1.0.3",
     "@sumup/icons": "^1.2.0",
     "@sumup/intl": "^1.1.3",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.3.2",
+    "@testing-library/jest-dom": "^5.11.5",
+    "@testing-library/react": "^11.1.0",
     "@testing-library/react-hooks": "^3.4.2",
-    "@testing-library/user-event": "^7.1.2",
+    "@testing-library/user-event": "^12.1.10",
     "@types/bluebird": "^3.5.32",
     "@types/bytes": "^3.1.0",
     "@types/chart.js": "^2.9.27",
     "@types/enzyme": "^3.10.7",
     "@types/enzyme-adapter-react-16": "^1.0.6",
-    "@types/jest": "^24.0.0",
+    "@types/jest": "^26.0.15",
     "@types/loadable__component": "^5.13.0",
     "@types/lodash-es": "^4.17.3",
     "@types/node": "^12.0.0",
@@ -35,21 +35,20 @@
     "@types/react-tabs": "^2.3.2",
     "@types/react-virtualized": "^9.21.10",
     "@types/uuid": "^8.3.0",
-    "@typescript-eslint/eslint-plugin": "^3.9.0",
-    "@typescript-eslint/parser": "^3.9.0",
+    "@typescript-eslint/eslint-plugin": "^4.5.0",
+    "@typescript-eslint/parser": "^4.5.0",
     "autoprefixer": "^9.8.6",
     "axios": "^0.21.0",
     "bluebird": "^3.7.2",
     "bytes": "^3.1.0",
     "chart.js": "^2.9.4",
     "clsx": "^1.1.1",
-    "craco-workbox": "^0.1.0",
     "dayjs": "^1.9.4",
     "emotion-theming": "^10.0.27",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.5",
     "enzyme-to-json": "^3.6.1",
-    "eslint": "^6.6.0",
+    "eslint": "^7.12.0",
     "eslint-plugin-react": "^7.21.5",
     "eslint-plugin-react-hooks": "^4.2.0",
     "husky": "^4.3.0",
@@ -64,12 +63,12 @@
     "prettier": "^2.1.2",
     "prop-types": "^15.7.2",
     "raw.macro": "^0.4.2",
-    "react": "^16.13.1",
+    "react": "^17.0.1",
     "react-collapse": "^5.0.1",
-    "react-dom": "^16.13.1",
+    "react-dom": "^17.0.1",
     "react-ga": "^3.1.2",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "3.4.3",
+    "react-scripts": "4.0.0",
     "react-scroll-to": "^3.0.0-beta.6",
     "react-tabs": "^3.1.1",
     "react-toastify": "^6.0.9",
@@ -78,9 +77,9 @@
     "store2": "^2.12.0",
     "swr": "^0.3.6",
     "tailwindcss": "^1.9.6",
-    "ts-jest": "^24.3.0",
+    "ts-jest": "^26.4.2",
     "twin.macro": "^1.11.1",
-    "typescript": "^3.7.2",
+    "typescript": "^4.0.3",
     "use-is-in-viewport": "^1.0.9",
     "uuid": "^8.3.0"
   },

tsconfig.json

@@ -17,7 +17,8 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react"
+    "jsx": "react",
+    "noFallthroughCasesInSwitch": true
   },
   "include": [
     "src"