Revert [CORL-2451]: Update to React 18 (#4070)

* Revert "[CORL-2451]: Update to React 18 (#4056)"

This reverts commit 9e0c2b0.

* fix read more test

.eslintrc.js

@@ -1,6 +1,5 @@
-const typescriptEslintRecommended =
-  require("@typescript-eslint/eslint-plugin/dist/configs/eslint-recommended")
-    .overrides[0];
+const typescriptEslintRecommended = require("@typescript-eslint/eslint-plugin/dist/configs/eslint-recommended")
+  .overrides[0];
 const typescriptRecommended = require("@typescript-eslint/eslint-plugin/dist/configs/recommended.js");
 const typescriptRecommendedTypeChecking = require("@typescript-eslint/eslint-plugin/dist/configs/recommended-requiring-type-checking.js");
 const typescriptEslintPrettier = require("eslint-config-prettier/@typescript-eslint");
@@ -183,17 +182,10 @@ module.exports = {
     "plugin:jsdoc/recommended",
     "plugin:prettier/recommended",
     "plugin:react-hooks/recommended",
-    "plugin:react/recommended",
-    "prettier",
   ],
   parserOptions: {
     ecmaVersion: 2018,
   },
-  settings: {
-    react: {
-      version: "detect",
-    },
-  },
   rules: {
     "arrow-body-style": "off",
     "arrow-parens": ["off", "as-needed"],

config/jest/client.config.js

@@ -1,39 +1,5 @@
 const path = require("path");
 
-const d3Pkgs = [
-  "d3",
-  "d3-array",
-  "d3-axis",
-  "d3-brush",
-  "d3-chord",
-  "d3-color",
-  "d3-contour",
-  "d3-delaunay",
-  "d3-dispatch",
-  "d3-drag",
-  "d3-dsv",
-  "d3-ease",
-  "d3-fetch",
-  "d3-force",
-  "d3-format",
-  "d3-geo",
-  "d3-hierarchy",
-  "d3-interpolate",
-  "d3-path",
-  "d3-polygon",
-  "d3-quadtree",
-  "d3-random",
-  "d3-scale",
-  "d3-scale-chromatic",
-  "d3-selection",
-  "d3-shape",
-  "d3-time",
-  "d3-time-format",
-  "d3-timer",
-  "d3-transition",
-  "d3-zoom",
-];
-
 module.exports = {
   displayName: "client",
   rootDir: "../../",
@@ -57,9 +23,7 @@ module.exports = {
       "<rootDir>/config/jest/fileTransform.js",
   },
   transformIgnorePatterns: [
-    `[/\\\\]node_modules[/\\\\](?!(fluent|react-relay-network-modern|@coralproject/rte/lib|internmap|${d3Pkgs.join(
-      "|"
-    )})[/\\\\]).+\\.(js|jsx|mjs|ts|tsx)$`,
+    "[/\\\\]node_modules[/\\\\](?!(fluent|react-relay-network-modern|@coralproject/rte/lib)[/\\\\]).+\\.(js|jsx|mjs|ts|tsx)$",
   ],
   moduleNameMapper: {
     "^coral-account/(.*)$": "<rootDir>/src/core/client/account/$1",