Update all outdated dependencies

.eslintrc.js

@@ -2,27 +2,39 @@ module.exports = {
   env: {
     browser: true,
     es2021: true,
+    "jest/globals": true,
   },
   extends: [
     "eslint:recommended",
     "plugin:react/recommended",
     "plugin:react-hooks/recommended",
     "standard",
     "prettier",
-    "plugin:jest/all",
     "plugin:json/recommended",
+    "plugin:storybook/recommended",
   ],
   parserOptions: {
+    ecmaVersion: 12,
+    project: ["tsconfig.json"],
     ecmaFeatures: {
       jsx: true,
     },
-    ecmaVersion: 12,
     sourceType: "module",
   },
   plugins: ["react", "react-hooks", "prettier", "jest", "json"],
   rules: {
-    "react/prop-types": [2, { ignore: ["children"] }],
+    "react/prop-types": [
+      2,
+      {
+        ignore: ["children"],
+      },
+    ],
     "jest/no-hooks": "off",
+    "jest/no-disabled-tests": "warn",
+    "jest/no-focused-tests": "error",
+    "jest/no-identical-title": "error",
+    "jest/prefer-to-have-length": "warn",
+    "jest/valid-expect": "error",
   },
   settings: {
     react: {

.github/workflows/test.yml

@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: "14"
+          node-version: "16"
       - run: npm ci
       - run: npm run prettier-ci
       - run: npm run lint
@@ -26,7 +26,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: "14"
+          node-version: "16"
       - run: npm ci
       - run: npm run storybook-ci
   test:
@@ -36,7 +36,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: "14"
+          node-version: "16"
       - run: npm ci
       - name: Increase system file watchers
         run: echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

.storybook/main.js

@@ -1,11 +1,13 @@
 module.exports = {
   stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
   addons: [
-    "@storybook/preset-create-react-app",
-    "@storybook/addon-actions",
     "@storybook/addon-links",
-    "@storybook/addon-storysource",
     "@storybook/addon-essentials",
-    "@storybook/addon-knobs/register",
+    "@storybook/addon-interactions",
+    "@storybook/preset-create-react-app",
   ],
+  framework: "@storybook/react",
+  core: {
+    builder: "@storybook/builder-webpack5",
+  },
 };

.storybook/preview.js

@@ -2,8 +2,7 @@ import React, { Suspense } from "react";
 import { addParameters, addDecorator } from "@storybook/react";
 import { QueryClient, QueryClientProvider } from "react-query";
 import { MINIMAL_VIEWPORTS } from "@storybook/addon-viewport";
-import { withKnobs } from "@storybook/addon-knobs";
-import StoryRouter from "storybook-react-router";
+import { withRouter } from "storybook-addon-react-router-v6";
 import { HelmetProvider } from "react-helmet-async";
 import UserContextMock from "./UserContextMock";
 import { MediaContextProvider } from "config/media";
@@ -14,8 +13,7 @@ import "../src/index.css";
 
 const queryClient = new QueryClient();
 
-addDecorator(withKnobs);
-addDecorator(StoryRouter());
+addDecorator(withRouter);
 addDecorator((storyFn) => <Suspense fallback="Loading...">{storyFn()}</Suspense>);
 addDecorator((storyFn) => <MediaContextProvider>{storyFn()}</MediaContextProvider>);
 addDecorator((storyFn) => <HelmetProvider>{storyFn()}</HelmetProvider>);

.tool-versions

@@ -0,0 +1 @@
+nodejs 16.16.0