chore(rtk-query): fix demo build (#892)

* stash * stash * stash
2024-11-10 19:56:54 +03:00 · 2021-09-25 09:21:12 -04:00 · 2021-09-25 09:21:12 -04:00 · d3fccc1487
commit d3fccc1487
parent 6af7103e41
25 changed files with 415 additions and 308 deletions
--- a/.yarnrc.yml
+++ b/.yarnrc.yml
@ -40,3 +40,26 @@ packageExtensions:
  'react-select@^5.0.0':
    dependencies:
      '@emotion/serialize': '^1.0.2'
+  '@chakra-ui/button@^1.4.3':
+    dependencies:
+      '@chakra-ui/react-utils': '^1.1.2'
+  '@chakra-ui/switch@^1.2.10':
+    peerDependencies:
+      'framer-motion': '3.x || 4.x'
+  '@chakra-ui/media-query@^1.1.2':
+    peerDependencies:
+      '@emotion/react': '^11.0.0'
+      '@emotion/styled': '^11.0.0'
+  '@chakra-ui/skeleton@^1.1.18':
+    peerDependencies:
+      '@emotion/react': '^11.0.0'
+      '@emotion/styled': '^11.0.0'
+  '@chakra-ui/accordion@^1.3.6':
+    peerDependencies:
+      'framer-motion': '3.x || 4.x'
+  '@mswjs/data@^0.5.1':
+    dependencies:
+      'debug': '^4.3.2'
+  'msw@^0.35.0':
+    dependencies:
+      'debug': '^4.3.2'
--- a/package.json
+++ b/package.json
@ -28,6 +28,7 @@
    "packages/redux-devtools/examples/todomvc",
    "packages/redux-devtools-inspector-monitor/demo",
    "packages/redux-devtools-inspector-monitor-test-tab/demo",
+    "packages/redux-devtools-rtk-query-monitor/demo",
    "packages/redux-devtools-slider-monitor/examples/todomvc"
  ],
  "resolutions": {
--- a/packages/redux-devtools-rtk-query-monitor/.eslintignore
+++ b/packages/redux-devtools-rtk-query-monitor/.eslintignore
@ -1,2 +1,2 @@
+demo
 lib
-demo/
--- a/packages/redux-devtools-rtk-query-monitor/demo/.babelrc
+++ b/packages/redux-devtools-rtk-query-monitor/demo/.babelrc
@ -1,8 +0,0 @@
-{
-  "presets": [
-    "@babel/preset-env",
-    "@babel/preset-react",
-    "@babel/preset-typescript"
-  ],
-  "plugins": ["@babel/plugin-transform-runtime"]
-}
--- a/packages/redux-devtools-rtk-query-monitor/demo/.eslintignore
+++ b/packages/redux-devtools-rtk-query-monitor/demo/.eslintignore
@ -0,0 +1 @@
+dist
--- a/packages/redux-devtools-rtk-query-monitor/demo/.eslintrc.js
+++ b/packages/redux-devtools-rtk-query-monitor/demo/.eslintrc.js
@ -1,3 +1,17 @@
 module.exports = {
-  extends: ['react-app'],
+  extends: '../../../eslintrc.ts.react.base.json',
+  parserOptions: {
+    tsconfigRootDir: __dirname,
+    project: ['./tsconfig.json'],
+  },
+  overrides: [
+    {
+      files: ['webpack.config.ts'],
+      extends: '../../../eslintrc.ts.base.json',
+      parserOptions: {
+        tsconfigRootDir: __dirname,
+        project: ['./tsconfig.webpack.json'],
+      },
+    },
+  ],
 };
--- a/packages/redux-devtools-rtk-query-monitor/demo/.gitignore
+++ b/packages/redux-devtools-rtk-query-monitor/demo/.gitignore
@ -1,4 +0,0 @@
-.snowpack
-build
-node_modules
-.yarn/*
--- a/packages/redux-devtools-rtk-query-monitor/demo/config/webpack.config.ts
+++ b/packages/redux-devtools-rtk-query-monitor/demo/config/webpack.config.ts
@ -1,82 +0,0 @@
-import * as path from 'path';
-import * as webpack from 'webpack';
-import HtmlWebpackPlugin from 'html-webpack-plugin';
-import { CleanWebpackPlugin } from 'clean-webpack-plugin';
-import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
-import CopyWebpackPlugin from 'copy-webpack-plugin';
-import * as pkg from '../../package.json';
-const isProduction = process.env.NODE_ENV === 'production';
-
-const demoSrc = path.join(__dirname, '../src');
-const libSrc = path.join(__dirname, '../../src');
-
-module.exports = {
-  mode: process.env.NODE_ENV || 'development',
-  entry: isProduction
-    ? ['./demo/src/index']
-    : [
-        'webpack-dev-server/client?http://localhost:3000',
-        'webpack/hot/only-dev-server',
-        './demo/src/index',
-      ],
-  output: {
-    path: path.join(__dirname, '../dist'),
-    filename: isProduction ? '[name].[contenthash:8].js' : 'js/bundle.js',
-  },
-  module: {
-    rules: [
-      {
-        test: /\.(js|ts)x?$/,
-        loader: 'babel-loader',
-        exclude: /node_modules/,
-        include: [demoSrc, libSrc],
-      },
-      {
-        test: /\.css?$/,
-        use: ['style-loader', 'css-loader'],
-        include: demoSrc,
-      },
-    ],
-  },
-  resolve: {
-    modules: ['node_modules', demoSrc],
-    extensions: ['.js', '.jsx', '.ts', '.tsx'],
-  },
-  optimization: {
-    minimize: isProduction,
-  },
-  plugins: [
-    new CleanWebpackPlugin(),
-    new HtmlWebpackPlugin({
-      inject: true,
-      template: 'demo/public/index.html',
-      package: pkg,
-    }),
-    new CopyWebpackPlugin({
-      patterns: [
-        {
-          from: 'demo/public/assets/*.js',
-          to: ({ absoluteFilename }) => {
-            return `./${path.basename(absoluteFilename)}`;
-          },
-          globOptions: {
-            ignore: ['*.DS_Store'],
-          },
-        },
-      ],
-    }),
-    new ForkTsCheckerWebpackPlugin({
-      typescript: {
-        configFile: 'demo/tsconfig.json',
-      },
-    }),
-  ].concat(isProduction ? [] : [new webpack.HotModuleReplacementPlugin()]),
-  devServer: isProduction
-    ? {}
-    : {
-        port: 3000,
-        hot: true,
-        historyApiFallback: true,
-      },
-  devtool: isProduction ? 'source-map' : 'cheap-module-source-map',
-};
--- a/packages/redux-devtools-rtk-query-monitor/demo/public/index.html
+++ b/packages/redux-devtools-rtk-query-monitor/demo/public/index.html
@ -12,7 +12,6 @@
  <body>
    <div id="root"></div>
    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <script type="module" src="/dist/index.js"></script>
    <!--
      This HTML file is a template.
      If you open it directly in the browser, you will see an empty page.
--- a/packages/redux-devtools-rtk-query-monitor/demo/package.json
+++ b/packages/redux-devtools-rtk-query-monitor/demo/package.json
@ -0,0 +1,64 @@
+{
+  "private": true,
+  "name": "rtk-query-demo",
+  "version": "0.1.0",
+  "license": "MIT",
+  "scripts": {
+    "start": "webpack serve --open",
+    "build": "webpack",
+    "lint": "eslint . --ext .ts,.tsx",
+    "type-check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.15.4",
+    "@chakra-ui/react": "^1.6.8",
+    "@emotion/react": "^11.4.1",
+    "@emotion/styled": "^11.3.0",
+    "@mswjs/data": "^0.5.1",
+    "@redux-devtools/core": "^3.9.0",
+    "@redux-devtools/dock-monitor": "^1.4.0",
+    "@redux-devtools/rtk-query-monitor": "^1.0.0",
+    "@reduxjs/toolkit": "^1.6.1",
+    "framer-motion": "^4.1.17",
+    "msw": "^0.35.0",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "react-icons": "^4.2.0",
+    "react-redux": "^7.2.5",
+    "react-router-dom": "^5.3.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.15.5",
+    "@babel/plugin-transform-runtime": "^7.15.0",
+    "@babel/preset-env": "^7.15.6",
+    "@babel/preset-react": "^7.14.5",
+    "@babel/preset-typescript": "^7.15.0",
+    "@types/copy-webpack-plugin": "^8.0.1",
+    "@types/node": "^14.17.17",
+    "@types/react": "^16.14.15",
+    "@types/react-dom": "^16.9.14",
+    "@types/react-redux": "^7.1.18",
+    "@types/react-router-dom": "^5.1.9",
+    "@types/webpack": "^5.28.0",
+    "@types/webpack-dev-server": "^4.1.0",
+    "@typescript-eslint/eslint-plugin": "^4.31.2",
+    "@typescript-eslint/parser": "^4.31.2",
+    "babel-loader": "^8.2.2",
+    "copy-webpack-plugin": "^9.0.1",
+    "css-loader": "^6.3.0",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-react": "^7.25.3",
+    "fork-ts-checker-webpack-plugin": "^6.3.3",
+    "html-webpack-plugin": "^5.3.2",
+    "style-loader": "^3.2.1",
+    "ts-node": "^10.2.1",
+    "typescript": "~4.3.5",
+    "webpack": "^5.53.0",
+    "webpack-cli": "^4.8.0",
+    "webpack-dev-server": "^4.2.1"
+  },
+  "msw": {
+    "workerDirectory": "public"
+  }
+}
--- a/packages/redux-devtools-rtk-query-monitor/demo/public/assets/mockServiceWorker.js
+++ b/packages/redux-devtools-rtk-query-monitor/demo/public/assets/mockServiceWorker.js
@ -1,13 +1,14 @@
+/* eslint-disable */
+/* tslint:disable */
+
 /**
- * Mock Service Worker.
+ * Mock Service Worker (0.35.0).
 * @see https://github.com/mswjs/msw
 * - Please do NOT modify this file.
 * - Please do NOT serve this file on production.
 */
-/* eslint-disable */
-/* tslint:disable */

-const INTEGRITY_CHECKSUM = '82ef9b96d8393b6da34527d1d6e19187'
+const INTEGRITY_CHECKSUM = 'f0a916b13c8acc2b526a03a6d26df85f'
 const bypassHeaderName = 'x-msw-bypass'
 const activeClientIds = new Set()

@ -220,13 +221,11 @@ async function getResponse(event, client, requestId) {

      console.error(
        `\
-[MSW] Request handler function for "%s %s" has thrown the following exception:
+[MSW] Uncaught exception in the request handler for "%s %s":

-${parsedBody.errorType}: ${parsedBody.message}
-(see more detailed error stack trace in the mocked response body)
+${parsedBody.location}

-This exception has been gracefully handled as a 500 response, however, it's strongly recommended to resolve this error.
-If you wish to mock an error response, please refer to this guide: https://mswjs.io/docs/recipes/mocking-error-responses\
+This exception has been gracefully handled as a 500 response, however, it's strongly recommended to resolve this error, as it indicates a mistake in your code. If you wish to mock an error response, please see this guide: https://mswjs.io/docs/recipes/mocking-error-responses\
 `,
        request.method,
        request.url,
@ -241,6 +240,12 @@ If you wish to mock an error response, please refer to this guide: https://mswjs

 self.addEventListener('fetch', function (event) {
  const { request } = event
+  const accept = request.headers.get('accept') || ''
+
+  // Bypass server-sent events.
+  if (accept.includes('text/event-stream')) {
+    return
+  }

  // Bypass navigation requests.
  if (request.mode === 'navigate') {
@ -264,11 +269,22 @@ self.addEventListener('fetch', function (event) {

  return event.respondWith(
    handleRequest(event, requestId).catch((error) => {
-      console.error(
-        '[MSW] Failed to mock a "%s" request to "%s": %s',
+      if (error.name === 'NetworkError') {
+        console.warn(
+          '[MSW] Successfully emulated a network error for the "%s %s" request.',
          request.method,
          request.url,
-        error,
+        )
+        return
+      }
+
+      // At this point, any exception indicates an issue with the original request/response.
+      console.error(
+        `\
+[MSW] Caught an exception from the "%s %s" request (%s). This is probably not a problem with Mock Service Worker. There is likely an additional logging output above.`,
+        request.method,
+        request.url,
+        `${error.name}: ${error.message}`,
      )
    }),
  )
--- a/packages/redux-devtools-rtk-query-monitor/demo/src/App.tsx
+++ b/packages/redux-devtools-rtk-query-monitor/demo/src/App.tsx
@ -1,10 +1,10 @@
-import PokemonView from 'features/pokemon/PokemonView';
-import PostsView from 'features/posts/PostsView';
+import PokemonView from './features/pokemon/PokemonView';
+import PostsView from './features/posts/PostsView';
 import { Box, Flex, Heading } from '@chakra-ui/react';
 import { Link, UnorderedList, ListItem } from '@chakra-ui/react';
 import { Code } from '@chakra-ui/react';
 import * as React from 'react';
-import { DevToolsSelector } from 'features/DevTools/DevToolsSelector';
+import { DevToolsSelector } from './features/DevTools/DevToolsSelector';

 export function App() {
  return (
--- a/packages/redux-devtools-rtk-query-monitor/demo/src/features/DevTools/DevTools.tsx
+++ b/packages/redux-devtools-rtk-query-monitor/demo/src/features/DevTools/DevTools.tsx
@ -1,7 +1,7 @@
 import * as React from 'react';
 import { createDevTools } from '@redux-devtools/core';
 import DockMonitor from '@redux-devtools/dock-monitor';
-import RtkQueryMonitor from '../../../../src';
+import RtkQueryMonitor from '@redux-devtools/rtk-query-monitor';

 const largeScreenQuery = window.matchMedia('(min-width: 1024px)');

--- a/packages/redux-devtools-rtk-query-monitor/demo/src/features/posts/PostDetail.tsx
+++ b/packages/redux-devtools-rtk-query-monitor/demo/src/features/posts/PostDetail.tsx
@ -4,7 +4,7 @@ import {
  useDeletePostMutation,
  useGetPostQuery,
  useUpdatePostMutation,
-} from 'services/posts';
+} from '../../services/posts';
 import {
  Box,
  Button,
--- a/packages/redux-devtools-rtk-query-monitor/demo/src/features/posts/PostsManager.tsx
+++ b/packages/redux-devtools-rtk-query-monitor/demo/src/features/posts/PostsManager.tsx
@ -20,7 +20,11 @@ import {
 import { Route, Switch, useHistory } from 'react-router-dom';
 import { MdBook } from 'react-icons/md';
 import React, { useState } from 'react';
-import { Post, useAddPostMutation, useGetPostsQuery } from 'services/posts';
+import {
+  Post,
+  useAddPostMutation,
+  useGetPostsQuery,
+} from '../../services/posts';
 import { PostDetail } from './PostDetail';

 const AddPost = () => {
--- a/packages/redux-devtools-rtk-query-monitor/demo/src/features/posts/PostsView.tsx
+++ b/packages/redux-devtools-rtk-query-monitor/demo/src/features/posts/PostsView.tsx
@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Switch, Route } from 'react-router-dom';
-import { PostsManager } from 'features/posts/PostsManager';
+import { PostsManager } from '../../features/posts/PostsManager';
 import { Box, Heading } from '@chakra-ui/react';

 function PostsView() {
--- a/packages/redux-devtools-rtk-query-monitor/demo/src/index.tsx
+++ b/packages/redux-devtools-rtk-query-monitor/demo/src/index.tsx
@ -6,7 +6,7 @@ import './index.css';
 import { store } from './store';
 import DevTools from './features/DevTools/DevTools';
 import { BrowserRouter } from 'react-router-dom';
-import { App } from 'App';
+import { App } from './App';
 import { worker } from './mocks/browser';

 function renderApp() {
--- a/packages/redux-devtools-rtk-query-monitor/demo/src/store.ts
+++ b/packages/redux-devtools-rtk-query-monitor/demo/src/store.ts
@ -5,9 +5,9 @@ import {
  EnhancedStore,
 } from '@reduxjs/toolkit';
 import { pokemonApi } from './services/pokemon';
-import { postsApi } from 'services/posts';
+import { postsApi } from './services/posts';
 import DevTools from './features/DevTools/DevTools';
-import { isExtensionEnabled } from 'features/DevTools/helpers';
+import { isExtensionEnabled } from './features/DevTools/helpers';

 const devTools = isExtensionEnabled();

--- a/packages/redux-devtools-rtk-query-monitor/demo/tsconfig.json
+++ b/packages/redux-devtools-rtk-query-monitor/demo/tsconfig.json
@ -1,11 +1,7 @@
 {
  "extends": "../../../tsconfig.react.base.json",
  "compilerOptions": {
-    "resolveJsonModule": true,
-    "baseUrl": "./src",
-    "target": "esNext",
-    "module": "es6",
-    "moduleResolution": "node"
+    "resolveJsonModule": true
  },
  "include": ["../src", "src"]
 }
--- a/packages/redux-devtools-rtk-query-monitor/demo/tsconfig.webpack.json
+++ b/packages/redux-devtools-rtk-query-monitor/demo/tsconfig.webpack.json
@ -1,5 +1,5 @@
 {
-  "extends": "../../../../tsconfig.base.json",
+  "extends": "../../../tsconfig.base.json",
  "compilerOptions": {
    "resolveJsonModule": true
  },
--- a/packages/redux-devtools-rtk-query-monitor/demo/webpack.config.ts
+++ b/packages/redux-devtools-rtk-query-monitor/demo/webpack.config.ts
@ -0,0 +1,60 @@
+import * as path from 'path';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
+import CopyWebpackPlugin from 'copy-webpack-plugin';
+import pkg from '@redux-devtools/rtk-query-monitor/package.json';
+
+module.exports = {
+  mode: 'development',
+  entry: './src/index.tsx',
+  devtool: 'eval-source-map',
+  devServer: {
+    static: './dist',
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+      template: './index.html',
+      package: pkg,
+    }),
+    new ForkTsCheckerWebpackPlugin(),
+    new CopyWebpackPlugin({
+      patterns: [
+        {
+          from: 'public',
+          to: '.',
+        },
+      ],
+    }),
+  ],
+  output: {
+    filename: 'bundle.js',
+    path: path.join(__dirname, 'dist'),
+    clean: true,
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(js|ts)x?$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: [
+              ['@babel/preset-env', { targets: 'defaults' }],
+              '@babel/preset-react',
+              '@babel/preset-typescript',
+            ],
+            plugins: ['@babel/plugin-transform-runtime'],
+          },
+        },
+      },
+      {
+        test: /\.css$/i,
+        use: ['style-loader', 'css-loader'],
+      },
+    ],
+  },
+  resolve: {
+    extensions: ['.js', '.jsx', '.ts', '.tsx'],
+  },
+};
--- a/packages/redux-devtools-rtk-query-monitor/package.json
+++ b/packages/redux-devtools-rtk-query-monitor/package.json
@ -30,9 +30,7 @@
    "url": "https://github.com/reduxjs/redux-devtools.git"
  },
  "scripts": {
-    "start": "webpack-dev-server --config demo/config/webpack.config.ts",
    "build": "yarn run build:types && yarn run build:js",
-    "build:demo": "cross-env NODE_ENV=production webpack -p --config demo/config/webpack.config.ts",
    "build:types": "tsc --emitDeclarationOnly",
    "build:js": "babel src --out-dir lib --extensions \".ts,.tsx\" --source-maps inline",
    "clean": "rimraf lib",
@ -42,7 +40,6 @@
    "prepublish": "yarn run type-check && yarn run lint"
  },
  "dependencies": {
-    "@redux-devtools/dock-monitor": "^1.4.0",
    "@redux-devtools/ui": "^1.0.0-9",
    "@types/prop-types": "^15.7.4",
    "@types/redux-devtools-themes": "^1.0.0",
@ -59,53 +56,23 @@
  "devDependencies": {
    "@babel/cli": "^7.15.7",
    "@babel/core": "^7.15.5",
-    "@babel/plugin-transform-runtime": "^7.15.0",
    "@babel/preset-env": "^7.15.6",
    "@babel/preset-react": "^7.14.5",
    "@babel/preset-typescript": "^7.15.0",
-    "@chakra-ui/react": "^1.6.8",
-    "@emotion/react": "^11.4.1",
-    "@emotion/styled": "^11.3.0",
-    "@mswjs/data": "^0.3.0",
    "@redux-devtools/core": "^3.9.0",
-    "@redux-devtools/dock-monitor": "^1.4.0",
    "@reduxjs/toolkit": "^1.6.1",
-    "@types/copy-webpack-plugin": "^8.0.1",
    "@types/hex-rgba": "^1.0.1",
    "@types/lodash.debounce": "^4.0.6",
-    "@types/node": "^14.17.17",
    "@types/react": "^16.14.15",
-    "@types/react-dom": "^16.9.14",
-    "@types/react-redux": "^7.1.18",
-    "@types/react-router-dom": "^5.1.9",
-    "@types/webpack": "^5.28.0",
-    "@types/webpack-dev-server": "^4.1.0",
    "@typescript-eslint/eslint-plugin": "^4.31.2",
    "@typescript-eslint/parser": "^4.31.2",
-    "babel-loader": "^8.2.2",
-    "clean-webpack-plugin": "^4.0.0",
-    "copy-webpack-plugin": "^9.0.1",
-    "cross-env": "^7.0.3",
-    "css-loader": "^6.3.0",
    "eslint": "^7.32.0",
    "eslint-config-prettier": "^8.3.0",
    "eslint-plugin-react": "^7.25.3",
-    "fork-ts-checker-webpack-plugin": "^6.3.3",
-    "framer-motion": "^4.1.17",
-    "html-webpack-plugin": "^5.3.2",
-    "msw": "^0.28.2",
    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
-    "react-redux": "^7.2.5",
-    "react-router-dom": "^5.3.0",
    "redux": "^4.1.1",
    "rimraf": "^3.0.2",
-    "style-loader": "^3.2.1",
-    "ts-node": "^10.2.1",
-    "typescript": "~4.3.5",
-    "webpack": "^5.53.0",
-    "webpack-cli": "^4.8.0",
-    "webpack-dev-server": "^4.2.1"
+    "typescript": "~4.3.5"
  },
  "peerDependencies": {
    "@redux-devtools/core": "^3.7.0",
@ -113,8 +80,5 @@
    "@types/react": "^16.3.0 || ^17.0.0",
    "react": "^16.3.0 || ^17.0.0",
    "redux": "^3.4.0 || ^4.0.0"
-  },
-  "msw": {
-    "workerDirectory": "demo/public"
  }
 }
--- a/packages/redux-devtools-rtk-query-monitor/tsconfig.dev.json
+++ b/packages/redux-devtools-rtk-query-monitor/tsconfig.dev.json
@ -1,9 +0,0 @@
-{
-  "extends": "../../tsconfig.react.base.json",
-  "compilerOptions": {
-    "outDir": "./demo/src/build",
-    "module": "ES2015",
-    "strict": false
-  },
-  "include": ["src"]
-}
--- a/renovate.json
+++ b/renovate.json
@ -13,21 +13,11 @@
      "matchUpdateTypes": ["major"],
      "groupName": "react monorepo"
    },
-    {
-      "matchPackageNames": ["msw", "@mswjs/data"],
-      "matchUpdateTypes": ["major", "minor"],
-      "groupName": "msw"
-    },
    {
      "matchPackageNames": ["knex"],
      "matchUpdateTypes": ["major", "minor"],
      "groupName": "knex"
    },
-    {
-      "matchPackageNames": ["object-path"],
-      "matchUpdateTypes": ["major", "minor"],
-      "groupName": "object-path"
-    },
    {
      "matchPackageNames": ["typescript"],
      "matchUpdateTypes": ["major", "minor"],
@ -37,11 +27,6 @@
      "matchPackageNames": ["node"],
      "groupName": "node"
    },
-    {
-      "matchPackageNames": ["prettier"],
-      "matchUpdateTypes": ["major", "minor", "patch"],
-      "groupName": "prettier"
-    },
    {
      "matchPackageNames": ["source-map"],
      "matchUpdateTypes": ["major", "minor"],
--- a/yarn.lock
+++ b/yarn.lock
@ -3975,7 +3975,7 @@ __metadata:
  languageName: node
  linkType: hard

-"@mswjs/cookies@npm:^0.1.4":
+"@mswjs/cookies@npm:^0.1.6":
  version: 0.1.6
  resolution: "@mswjs/cookies@npm:0.1.6"
  dependencies:
@ -3985,36 +3985,40 @@ __metadata:
  languageName: node
  linkType: hard

-"@mswjs/data@npm:^0.3.0":
-  version: 0.3.0
-  resolution: "@mswjs/data@npm:0.3.0"
+"@mswjs/data@npm:^0.5.1":
+  version: 0.5.1
+  resolution: "@mswjs/data@npm:0.5.1"
  dependencies:
+    "@types/lodash.get": ^4.4.6
    "@types/md5": ^2.3.0
    "@types/pluralize": ^0.0.29
    "@types/uuid": ^8.3.0
    date-fns: ^2.21.1
    graphql: ^15.5.0
+    lodash.get: ^4.4.2
    md5: ^2.3.0
-    msw: ^0.28.2
+    msw: latest
    pluralize: ^8.0.0
    strict-event-emitter: ^0.2.0
    uuid: ^8.3.1
  dependenciesMeta:
    msw:
      optional: true
-  checksum: 4bb78cc759e850f9e02d620dc9b5c7c8f0d61cbb09a77e28f57d2b4a8d50d3ce9b7b28b32024fdf8b766ff770cf222bbd0af3b0767981bf533e8639f1cb044df
+  checksum: ae4f31a1ffe7cda619f21883f6e061693cb2b74a9de8ae0689c3d1f8f828a78406c4d56abeba70f018e14c882cbb7e199c9e0f156d438f71961892404dca85e3
  languageName: node
  linkType: hard

-"@mswjs/interceptors@npm:^0.8.0":
-  version: 0.8.1
-  resolution: "@mswjs/interceptors@npm:0.8.1"
+"@mswjs/interceptors@npm:^0.12.6":
+  version: 0.12.7
+  resolution: "@mswjs/interceptors@npm:0.12.7"
  dependencies:
    "@open-draft/until": ^1.0.3
-    debug: ^4.3.0
+    "@xmldom/xmldom": ^0.7.2
+    debug: ^4.3.2
    headers-utils: ^3.0.2
+    outvariant: ^1.2.0
    strict-event-emitter: ^0.2.0
-  checksum: cb4aaf4d83b0f12560f856952a4fa12b77cc50d273da08823b8a7c4a89602a770b0143823f1dcb38832c9a8fc064c9497c455f6079656fcf113b80561b3488a8
+  checksum: 426e9a27f13f0bd1f5b8dbf5f3605c65709f0aa73cee5a4a8278bc43859968a11d72aef42266a9c07030f1949f539ac1865a1da7edecc31b1ba40406211918f5
  languageName: node
  linkType: hard

@ -4947,65 +4951,35 @@ __metadata:
  dependencies:
    "@babel/cli": ^7.15.7
    "@babel/core": ^7.15.5
-    "@babel/plugin-transform-runtime": ^7.15.0
    "@babel/preset-env": ^7.15.6
    "@babel/preset-react": ^7.14.5
    "@babel/preset-typescript": ^7.15.0
-    "@chakra-ui/react": ^1.6.8
-    "@emotion/react": ^11.4.1
-    "@emotion/styled": ^11.3.0
-    "@mswjs/data": ^0.3.0
    "@redux-devtools/core": ^3.9.0
-    "@redux-devtools/dock-monitor": ^1.4.0
    "@redux-devtools/ui": ^1.0.0-9
    "@reduxjs/toolkit": ^1.6.1
-    "@types/copy-webpack-plugin": ^8.0.1
    "@types/hex-rgba": ^1.0.1
    "@types/lodash.debounce": ^4.0.6
-    "@types/node": ^14.17.17
    "@types/prop-types": ^15.7.4
    "@types/react": ^16.14.15
-    "@types/react-dom": ^16.9.14
-    "@types/react-redux": ^7.1.18
-    "@types/react-router-dom": ^5.1.9
    "@types/redux-devtools-themes": ^1.0.0
-    "@types/webpack": ^5.28.0
-    "@types/webpack-dev-server": ^4.1.0
    "@typescript-eslint/eslint-plugin": ^4.31.2
    "@typescript-eslint/parser": ^4.31.2
-    babel-loader: ^8.2.2
-    clean-webpack-plugin: ^4.0.0
-    copy-webpack-plugin: ^9.0.1
-    cross-env: ^7.0.3
-    css-loader: ^6.3.0
    eslint: ^7.32.0
    eslint-config-prettier: ^8.3.0
    eslint-plugin-react: ^7.25.3
-    fork-ts-checker-webpack-plugin: ^6.3.3
-    framer-motion: ^4.1.17
    hex-rgba: ^1.0.2
-    html-webpack-plugin: ^5.3.2
    immutable: ^4.0.0-rc.15
    jss: ^10.8.0
    jss-preset-default: ^10.8.0
    lodash.debounce: ^4.0.8
-    msw: ^0.28.2
    prop-types: ^15.7.2
    react: ^16.14.0
    react-base16-styling: ^0.8.0
-    react-dom: ^16.14.0
    react-json-tree: ^0.15.0
-    react-redux: ^7.2.5
-    react-router-dom: ^5.3.0
    redux: ^4.1.1
    redux-devtools-themes: ^1.0.0
    rimraf: ^3.0.2
-    style-loader: ^3.2.1
-    ts-node: ^10.2.1
    typescript: ~4.3.5
-    webpack: ^5.53.0
-    webpack-cli: ^4.8.0
-    webpack-dev-server: ^4.2.1
  peerDependencies:
    "@redux-devtools/core": ^3.7.0
    "@reduxjs/toolkit": ^1.6.1
@ -6559,7 +6533,7 @@ __metadata:
  languageName: node
  linkType: hard

-"@types/cookie@npm:^0.4.0":
+"@types/cookie@npm:^0.4.1":
  version: 0.4.1
  resolution: "@types/cookie@npm:0.4.1"
  checksum: 3275534ed69a76c68eb1a77d547d75f99fedc80befb75a3d1d03662fb08d697e6f8b1274e12af1a74c6896071b11510631ba891f64d30c78528d0ec45a9c1a18
@ -6867,7 +6841,7 @@ __metadata:
  languageName: node
  linkType: hard

-"@types/inquirer@npm:^7.3.1":
+"@types/inquirer@npm:^7.3.3":
  version: 7.3.3
  resolution: "@types/inquirer@npm:7.3.3"
  dependencies:
@ -7022,6 +6996,15 @@ __metadata:
  languageName: node
  linkType: hard

+"@types/lodash.get@npm:^4.4.6":
+  version: 4.4.6
+  resolution: "@types/lodash.get@npm:4.4.6"
+  dependencies:
+    "@types/lodash": "*"
+  checksum: 1f0f11a3fde2b7347482550cff4d1ba4d109c53e3f374dbe8a243f01b50e50446dd6b4d4bc897890caea50eac1157cdd0d627fb7390202b1aa5376cc27c077e6
+  languageName: node
+  linkType: hard
+
 "@types/lodash.mergewith@npm:4.6.6":
  version: 4.6.6
  resolution: "@types/lodash.mergewith@npm:4.6.6"
@ -8223,6 +8206,13 @@ __metadata:
  languageName: node
  linkType: hard

+"@xmldom/xmldom@npm:^0.7.2":
+  version: 0.7.5
+  resolution: "@xmldom/xmldom@npm:0.7.5"
+  checksum: 8d7ec35c1ef6183b4f621df08e01d7e61f244fb964a4719025e65fe6ac06fac418919be64fb40fe5908e69158ef728f2d936daa082db326fe04603012b5f2a84
+  languageName: node
+  linkType: hard
+
 "@xtuc/ieee754@npm:^1.2.0":
  version: 1.2.0
  resolution: "@xtuc/ieee754@npm:1.2.0"
@ -9147,7 +9137,7 @@ __metadata:
  languageName: node
  linkType: hard

-"array-union@npm:^1.0.1, array-union@npm:^1.0.2":
+"array-union@npm:^1.0.2":
  version: 1.0.2
  resolution: "array-union@npm:1.0.2"
  dependencies:
@ -9952,7 +9942,7 @@ __metadata:
  languageName: node
  linkType: hard

-"bl@npm:^4.0.3":
+"bl@npm:^4.0.3, bl@npm:^4.1.0":
  version: 4.1.0
  resolution: "bl@npm:4.1.0"
  dependencies:
@ -11047,17 +11037,6 @@ __metadata:
  languageName: node
  linkType: hard

-"clean-webpack-plugin@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "clean-webpack-plugin@npm:4.0.0"
-  dependencies:
-    del: ^4.1.1
-  peerDependencies:
-    webpack: ">=4.0.0 <6.0.0"
-  checksum: 199425e87b8c4a24ea321ec8116408219930f2ef86e27dd4cdf0ed77ed7b8b3a6908ed5160e4e981c773e015ba1d79d3f53f2fdcfebc5dc0b68f1478dea08fff
-  languageName: node
-  linkType: hard
-
 "cli-boxes@npm:^1.0.0":
  version: 1.0.0
  resolution: "cli-boxes@npm:1.0.0"
@ -11090,6 +11069,13 @@ __metadata:
  languageName: node
  linkType: hard

+"cli-spinners@npm:^2.5.0":
+  version: 2.6.0
+  resolution: "cli-spinners@npm:2.6.0"
+  checksum: bc5d06af9f896e95d0c277e2a5ee0adc5876767decca6b3c22e212934b96033453268cb59be904eccb6d59119e57dbb3fc8ca9bdf5f8476506283b3dd8728748
+  languageName: node
+  linkType: hard
+
 "cli-table3@npm:0.6.0":
  version: 0.6.0
  resolution: "cli-table3@npm:0.6.0"
@ -12505,7 +12491,7 @@ __metadata:
  languageName: node
  linkType: hard

-"debug@npm:4, debug@npm:^4.0.0, debug@npm:^4.0.1, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.0, debug@npm:^4.3.1":
+"debug@npm:4, debug@npm:^4.0.0, debug@npm:^4.0.1, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2":
  version: 4.3.2
  resolution: "debug@npm:4.3.2"
  dependencies:
@ -12719,21 +12705,6 @@ __metadata:
  languageName: node
  linkType: hard

-"del@npm:^4.1.1":
-  version: 4.1.1
-  resolution: "del@npm:4.1.1"
-  dependencies:
-    "@types/glob": ^7.1.1
-    globby: ^6.1.0
-    is-path-cwd: ^2.0.0
-    is-path-in-cwd: ^2.0.0
-    p-map: ^2.0.0
-    pify: ^4.0.1
-    rimraf: ^2.6.3
-  checksum: 521f7da44bd79da841c06d573923d1f64f423aee8b8219c973478d3150ce1dcc024d03ad605929292adbff56d6448bca60d96dcdd2d8a53b46dbcb27e265c94b
-  languageName: node
-  linkType: hard
-
 "del@npm:^6.0.0":
  version: 6.0.0
  resolution: "del@npm:6.0.0"
@ -15860,19 +15831,6 @@ fsevents@^1.2.7:
  languageName: node
  linkType: hard

-"globby@npm:^6.1.0":
-  version: 6.1.0
-  resolution: "globby@npm:6.1.0"
-  dependencies:
-    array-union: ^1.0.1
-    glob: ^7.0.3
-    object-assign: ^4.0.1
-    pify: ^2.0.0
-    pinkie-promise: ^2.0.0
-  checksum: 18109d6b9d55643d2b98b59c3cfae7073ccfe39829632f353d516cc124d836c2ddebe48a23f04af63d66a621b6d86dd4cbd7e6af906f2458a7fe510ffc4bd424
-  languageName: node
-  linkType: hard
-
 "globby@npm:^9.2.0":
  version: 9.2.0
  resolution: "globby@npm:9.2.0"
@ -16018,7 +15976,7 @@ fsevents@^1.2.7:
  languageName: node
  linkType: hard

-"graphql@npm:^15.4.0, graphql@npm:^15.5.0":
+"graphql@npm:^15.5.0, graphql@npm:^15.5.1":
  version: 15.6.0
  resolution: "graphql@npm:15.6.0"
  checksum: 439959514665bc03ba86d6e55d8fb81d4c1e8ba3fc7f5114878b0ba794147e7ef57f368e40dadbb3f94d7c5f6685d15599bebb3a124cee2a1a8871a797d5ae81
@ -17112,6 +17070,28 @@ fsevents@^1.2.7:
  languageName: node
  linkType: hard

+"inquirer@npm:^8.1.1":
+  version: 8.1.5
+  resolution: "inquirer@npm:8.1.5"
+  dependencies:
+    ansi-escapes: ^4.2.1
+    chalk: ^4.1.1
+    cli-cursor: ^3.1.0
+    cli-width: ^3.0.0
+    external-editor: ^3.0.3
+    figures: ^3.0.0
+    lodash: ^4.17.21
+    mute-stream: 0.0.8
+    ora: ^5.4.1
+    run-async: ^2.4.0
+    rxjs: ^7.2.0
+    string-width: ^4.1.0
+    strip-ansi: ^6.0.0
+    through: ^2.3.6
+  checksum: f3fa97a9abc20206effc7ca4e4d664d783becb58dbb6eca5b49ad7b02ef102c6c09d5c93aa7d64112417e70300267fe80c164e098adb126b6059327681d76e68
+  languageName: node
+  linkType: hard
+
 "inspector-demo@workspace:packages/redux-devtools-inspector-monitor/demo":
  version: 0.0.0-use.local
  resolution: "inspector-demo@workspace:packages/redux-devtools-inspector-monitor/demo"
@ -17603,6 +17583,13 @@ fsevents@^1.2.7:
  languageName: node
  linkType: hard

+"is-interactive@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-interactive@npm:1.0.0"
+  checksum: 824808776e2d468b2916cdd6c16acacebce060d844c35ca6d82267da692e92c3a16fdba624c50b54a63f38bdc4016055b6f443ce57d7147240de4f8cdabaf6f9
+  languageName: node
+  linkType: hard
+
 "is-ip@npm:^3.1.0":
  version: 3.1.0
  resolution: "is-ip@npm:3.1.0"
@ -17653,6 +17640,13 @@ fsevents@^1.2.7:
  languageName: node
  linkType: hard

+"is-node-process@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "is-node-process@npm:1.0.1"
+  checksum: 3ddb8a892a00f6eb9c2aea7e7e1426b8683512d9419933d95114f4f64b5455e26601c23a31c0682463890032136dd98a326988a770ab6b4eed54a43ade8bed50
+  languageName: node
+  linkType: hard
+
 "is-npm@npm:^1.0.0":
  version: 1.0.0
  resolution: "is-npm@npm:1.0.0"
@ -17706,31 +17700,13 @@ fsevents@^1.2.7:
  languageName: node
  linkType: hard

-"is-path-cwd@npm:^2.0.0, is-path-cwd@npm:^2.2.0":
+"is-path-cwd@npm:^2.2.0":
  version: 2.2.0
  resolution: "is-path-cwd@npm:2.2.0"
  checksum: 46a840921bb8cc0dc7b5b423a14220e7db338072a4495743a8230533ce78812dc152548c86f4b828411fe98c5451959f07cf841c6a19f611e46600bd699e8048
  languageName: node
  linkType: hard

-"is-path-in-cwd@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "is-path-in-cwd@npm:2.1.0"
-  dependencies:
-    is-path-inside: ^2.1.0
-  checksum: 6b01b3f8c9172e9682ea878d001836a0cc5a78cbe6236024365d478c2c9e384da2417e5f21f2ad2da2761d0465309fc5baf6e71187d2a23f0058da69790f7f48
-  languageName: node
-  linkType: hard
-
-"is-path-inside@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "is-path-inside@npm:2.1.0"
-  dependencies:
-    path-is-inside: ^1.0.2
-  checksum: 6ca34dbd84d5c50a3ee1547afb6ada9b06d556a4ff42da9b303797e4acc3ac086516a4833030aa570f397f8c58dacabd57ee8e6c2ce8b2396a986ad2af10fcaf
-  languageName: node
-  linkType: hard
-
 "is-path-inside@npm:^3.0.2":
  version: 3.0.3
  resolution: "is-path-inside@npm:3.0.3"
@ -19810,6 +19786,13 @@ fsevents@^1.2.7:
  languageName: node
  linkType: hard

+"lodash.get@npm:^4.4.2":
+  version: 4.4.2
+  resolution: "lodash.get@npm:4.4.2"
+  checksum: e403047ddb03181c9d0e92df9556570e2b67e0f0a930fcbbbd779370972368f5568e914f913e93f3b08f6d492abc71e14d4e9b7a18916c31fa04bd2306efe545
+  languageName: node
+  linkType: hard
+
 "lodash.includes@npm:^4.3.0":
  version: 4.3.0
  resolution: "lodash.includes@npm:4.3.0"
@ -21055,31 +21038,33 @@ fsevents@^1.2.7:
  languageName: node
  linkType: hard

-"msw@npm:^0.28.2":
-  version: 0.28.2
-  resolution: "msw@npm:0.28.2"
+"msw@npm:^0.35.0, msw@npm:latest":
+  version: 0.35.0
+  resolution: "msw@npm:0.35.0"
  dependencies:
-    "@mswjs/cookies": ^0.1.4
-    "@mswjs/interceptors": ^0.8.0
+    "@mswjs/cookies": ^0.1.6
+    "@mswjs/interceptors": ^0.12.6
    "@open-draft/until": ^1.0.3
-    "@types/cookie": ^0.4.0
-    "@types/inquirer": ^7.3.1
+    "@types/cookie": ^0.4.1
+    "@types/inquirer": ^7.3.3
    "@types/js-levenshtein": ^1.1.0
-    chalk: ^4.1.0
+    chalk: ^4.1.1
    chokidar: ^3.4.2
    cookie: ^0.4.1
-    graphql: ^15.4.0
+    graphql: ^15.5.1
    headers-utils: ^3.0.2
-    inquirer: ^7.3.3
+    inquirer: ^8.1.1
+    is-node-process: ^1.0.1
    js-levenshtein: ^1.1.6
    node-fetch: ^2.6.1
-    node-match-path: ^0.6.1
+    node-match-path: ^0.6.3
    statuses: ^2.0.0
    strict-event-emitter: ^0.2.0
-    yargs: ^16.2.0
+    type-fest: ^1.2.2
+    yargs: ^17.0.1
  bin:
    msw: cli/index.js
-  checksum: bfcac14831d88ebee0375933a84294696410a2f93a8dd0cf0d37fb8f641ce93e9d2d840253fb5755003ea8bd7126dc83bd6844066bf5073f0a264cd8c768dec7
+  checksum: cc5e85573e85779a95b1d5bfc306d4d0bcb4de660ac08c640e316c00fe4a0ea24dfe1decf6a46d10538550dfc7f7559836e1fda3d6e1f60ee7e99916bb3db3ff
  languageName: node
  linkType: hard

@ -21470,7 +21455,7 @@ fsevents@^1.2.7:
  languageName: node
  linkType: hard

-"node-match-path@npm:^0.6.1":
+"node-match-path@npm:^0.6.3":
  version: 0.6.3
  resolution: "node-match-path@npm:0.6.3"
  checksum: d515bc069f293688109c058ee02567528fdaa856290d362b80a2254734975014e4eefcdcc5164a8adfd5560aa870e277c97fe8be648074d5088056cf61553c7c
@ -22494,6 +22479,23 @@ fsevents@^1.2.7:
  languageName: node
  linkType: hard

+"ora@npm:^5.4.1":
+  version: 5.4.1
+  resolution: "ora@npm:5.4.1"
+  dependencies:
+    bl: ^4.1.0
+    chalk: ^4.1.0
+    cli-cursor: ^3.1.0
+    cli-spinners: ^2.5.0
+    is-interactive: ^1.0.0
+    is-unicode-supported: ^0.1.0
+    log-symbols: ^4.1.0
+    strip-ansi: ^6.0.0
+    wcwidth: ^1.0.1
+  checksum: 28d476ee6c1049d68368c0dc922e7225e3b5600c3ede88fade8052837f9ed342625fdaa84a6209302587c8ddd9b664f71f0759833cbdb3a4cf81344057e63c63
+  languageName: node
+  linkType: hard
+
 "os-browserify@npm:^0.3.0":
  version: 0.3.0
  resolution: "os-browserify@npm:0.3.0"
@ -22525,6 +22527,13 @@ fsevents@^1.2.7:
  languageName: node
  linkType: hard

+"outvariant@npm:^1.2.0":
+  version: 1.2.1
+  resolution: "outvariant@npm:1.2.1"
+  checksum: 1686113d01b6acbd23b9444ecad680f3f8b163817cde76e4c2f818631cfb6a898718b9c8a01f967b23473ed2715e0e46396ba7400cd12ade478f7532687957cd
+  languageName: node
+  linkType: hard
+
 "overlayscrollbars@npm:^1.13.1":
  version: 1.13.1
  resolution: "overlayscrollbars@npm:1.13.1"
@ -23028,7 +23037,7 @@ fsevents@^1.2.7:
  languageName: node
  linkType: hard

-"path-is-inside@npm:^1.0.1, path-is-inside@npm:^1.0.2, path-is-inside@npm:~1.0.0, path-is-inside@npm:~1.0.2":
+"path-is-inside@npm:^1.0.1, path-is-inside@npm:~1.0.0, path-is-inside@npm:~1.0.2":
  version: 1.0.2
  resolution: "path-is-inside@npm:1.0.2"
  checksum: 0b5b6c92d3018b82afb1f74fe6de6338c4c654de4a96123cb343f2b747d5606590ac0c890f956ed38220a4ab59baddfd7b713d78a62d240b20b14ab801fa02cb
@ -23152,7 +23161,7 @@ fsevents@^1.2.7:
  languageName: node
  linkType: hard

-"pify@npm:^2.0.0, pify@npm:^2.3.0":
+"pify@npm:^2.3.0":
  version: 2.3.0
  resolution: "pify@npm:2.3.0"
  checksum: 9503aaeaf4577acc58642ad1d25c45c6d90288596238fb68f82811c08104c800e5a7870398e9f015d82b44ecbcbef3dc3d4251a1cbb582f6e5959fe09884b2ba
@ -26135,6 +26144,58 @@ resolve@^2.0.0-next.3:
  languageName: node
  linkType: hard

+"rtk-query-demo@workspace:packages/redux-devtools-rtk-query-monitor/demo":
+  version: 0.0.0-use.local
+  resolution: "rtk-query-demo@workspace:packages/redux-devtools-rtk-query-monitor/demo"
+  dependencies:
+    "@babel/core": ^7.15.5
+    "@babel/plugin-transform-runtime": ^7.15.0
+    "@babel/preset-env": ^7.15.6
+    "@babel/preset-react": ^7.14.5
+    "@babel/preset-typescript": ^7.15.0
+    "@babel/runtime": ^7.15.4
+    "@chakra-ui/react": ^1.6.8
+    "@emotion/react": ^11.4.1
+    "@emotion/styled": ^11.3.0
+    "@mswjs/data": ^0.5.1
+    "@redux-devtools/core": ^3.9.0
+    "@redux-devtools/dock-monitor": ^1.4.0
+    "@redux-devtools/rtk-query-monitor": ^1.0.0
+    "@reduxjs/toolkit": ^1.6.1
+    "@types/copy-webpack-plugin": ^8.0.1
+    "@types/node": ^14.17.17
+    "@types/react": ^16.14.15
+    "@types/react-dom": ^16.9.14
+    "@types/react-redux": ^7.1.18
+    "@types/react-router-dom": ^5.1.9
+    "@types/webpack": ^5.28.0
+    "@types/webpack-dev-server": ^4.1.0
+    "@typescript-eslint/eslint-plugin": ^4.31.2
+    "@typescript-eslint/parser": ^4.31.2
+    babel-loader: ^8.2.2
+    copy-webpack-plugin: ^9.0.1
+    css-loader: ^6.3.0
+    eslint: ^7.32.0
+    eslint-config-prettier: ^8.3.0
+    eslint-plugin-react: ^7.25.3
+    fork-ts-checker-webpack-plugin: ^6.3.3
+    framer-motion: ^4.1.17
+    html-webpack-plugin: ^5.3.2
+    msw: ^0.35.0
+    react: ^16.14.0
+    react-dom: ^16.14.0
+    react-icons: ^4.2.0
+    react-redux: ^7.2.5
+    react-router-dom: ^5.3.0
+    style-loader: ^3.2.1
+    ts-node: ^10.2.1
+    typescript: ~4.3.5
+    webpack: ^5.53.0
+    webpack-cli: ^4.8.0
+    webpack-dev-server: ^4.2.1
+  languageName: unknown
+  linkType: soft
+
 "run-async@npm:^2.2.0, run-async@npm:^2.4.0":
  version: 2.4.1
  resolution: "run-async@npm:2.4.1"
@ -26178,7 +26239,7 @@ resolve@^2.0.0-next.3:
  languageName: node
  linkType: hard

-"rxjs@npm:^7.3.0":
+"rxjs@npm:^7.2.0, rxjs@npm:^7.3.0":
  version: 7.3.0
  resolution: "rxjs@npm:7.3.0"
  dependencies:
@ -29113,6 +29174,13 @@ resolve@^2.0.0-next.3:
  languageName: node
  linkType: hard

+"type-fest@npm:^1.2.2":
+  version: 1.4.0
+  resolution: "type-fest@npm:1.4.0"
+  checksum: b011c3388665b097ae6a109a437a04d6f61d81b7357f74cbcb02246f2f5bd72b888ae33631b99871388122ba0a87f4ff1c94078e7119ff22c70e52c0ff828201
+  languageName: node
+  linkType: hard
+
 "type-is@npm:^1.6.16, type-is@npm:~1.6.17, type-is@npm:~1.6.18":
  version: 1.6.18
  resolution: "type-is@npm:1.6.18"
@ -30031,7 +30099,7 @@ typescript@~4.3.5:
  languageName: node
  linkType: hard

-"wcwidth@npm:^1.0.0":
+"wcwidth@npm:^1.0.0, wcwidth@npm:^1.0.1":
  version: 1.0.1
  resolution: "wcwidth@npm:1.0.1"
  dependencies:
@ -30789,6 +30857,21 @@ typescript@~4.3.5:
  languageName: node
  linkType: hard

+"yargs@npm:^17.0.1":
+  version: 17.2.0
+  resolution: "yargs@npm:17.2.0"
+  dependencies:
+    cliui: ^7.0.2
+    escalade: ^3.1.1
+    get-caller-file: ^2.0.5
+    require-directory: ^2.1.1
+    string-width: ^4.2.0
+    y18n: ^5.0.5
+    yargs-parser: ^20.2.2
+  checksum: 7904ae4cb54c956ed4e2e0920417958e339c0e5305b6f7385a66afd5101a79dc83b38af856064a7dd1fd8458dc442936ee19e53b621349d410f7abebf2769772
+  languageName: node
+  linkType: hard
+
 "yargs@npm:~3.10.0":
  version: 3.10.0
  resolution: "yargs@npm:3.10.0"