Updated project's libraries and added webpack5 support

.eslintrc.js

@@ -8,7 +8,6 @@ module.exports = {
     'plugin:react/recommended',
     'airbnb',
     'plugin:@typescript-eslint/recommended',
-    'prettier/@typescript-eslint',
     'plugin:prettier/recommended',
   ],
   parser: '@typescript-eslint/parser',

next.config.js

@@ -8,12 +8,14 @@ module.exports = withPlugins([
       pwa: {
         dest: 'public',
         scope: '/react-timestamper',
-        subdomainPrefix: '/react-timestamper',
       },
     },
   ],
   {
     basePath: '/react-timestamper',
     assetPrefix: '/react-timestamper/',
+    future: {
+      webpack5: true,
+    },
   },
 ]);

package.json

@@ -9,41 +9,41 @@
     "test": "jest"
   },
   "dependencies": {
-    "date-fns": "^2.16.1",
-    "formik": "^2.2.5",
-    "next": "^10.0.3",
+    "date-fns": "^2.21.3",
+    "formik": "^2.2.6",
+    "next": "^10.2.0",
     "next-compose-plugins": "^2.2.1",
-    "next-pwa": "^3.1.5",
-    "next-seo": "^4.17.0",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "react-icons": "^4.1.0",
-    "styled-components": "^5.2.1"
+    "next-pwa": "^5.2.21",
+    "next-seo": "^4.24.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-icons": "^4.2.0",
+    "styled-components": "^5.3.0"
   },
   "devDependencies": {
-    "@testing-library/react": "^11.2.2",
-    "@types/jest": "^26.0.15",
-    "@types/node": "14.14.10",
-    "@types/react": "17.0.0",
-    "@types/react-dom": "17.0.0",
-    "@types/styled-components": "5.1.4",
-    "@typescript-eslint/eslint-plugin": "^4.8.2",
-    "@typescript-eslint/parser": "^4.8.2",
+    "@testing-library/react": "^11.2.7",
+    "@types/jest": "^26.0.23",
+    "@types/node": "15.3.0",
+    "@types/react": "17.0.5",
+    "@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",
     "babel-jest": "^26.6.3",
     "babel-plugin-styled-components": "^1.12.0",
-    "eslint": "^7.14.0",
+    "eslint": "^7.26.0",
     "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-prettier": "^6.15.0",
-    "eslint-import-resolver-typescript": "^2.3.0",
-    "eslint-plugin-import": "^2.22.1",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-import-resolver-typescript": "^2.4.0",
+    "eslint-plugin-import": "^2.23.2",
     "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-react": "^7.21.5",
+    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-react": "^7.23.2",
     "eslint-plugin-react-hooks": "^4.2.0",
     "jest": "^26.6.3",
-    "prettier": "^2.2.0",
+    "prettier": "^2.3.0",
     "rimraf": "^3.0.2",
-    "typescript": "^4.1"
+    "typescript": "^4.2"
   },
   "license": "MIT"
 }

public/manifest.json

@@ -20,7 +20,7 @@
       "type": "image/x-icon"
     }
   ],
-  "start_url": "/react-timestamper",
+  "start_url": "/",
   "display": "standalone",
   "theme_color": "#3C3845",
   "background_color": "#3C3845"

src/pages/__tests__/index.test.tsx

@@ -50,8 +50,9 @@ describe('Home', () => {
       fireEvent.submit(submitButton);
     });
 
-    const convertedDate = await (await findByTestId('convertedDate'))
-      .textContent;
+    const convertedDate = await (
+      await findByTestId('convertedDate')
+    ).textContent;
 
     await waitFor(() => {
       expect(convertedDate).toBe('05/09/2020 11:21:02 AM');