chore: React 18 migration

package.json

@@ -60,9 +60,13 @@
     "react-router-dom": "^5.2.0",
     "visyn_scripts": "git+ssh://git@github.com/datavisyn/visyn_scripts.git#develop"
   },
+  "resolutions": {
+    "@types/react": "~18.2.0",
+    "@types/react-dom": "~18.2.0",
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0"
+  },
   "devDependencies": {
-    "@types/react": "^16.14.6",
-    "@types/react-dom": "^16.9.5",
     "@types/react-router-dom": "^5.1.7",
     "mkdirp": "0.5.1",
     "tslint": "~5.20.1",

src/initialize.welcome.tsx

@@ -1,12 +1,12 @@
 import 'ordino/dist/robots.txt';
 
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { HashRouter, Switch, Route } from 'react-router-dom';
 import { RouterScrollToTop } from 'coral';
 import { DatasetsPage, Error404Page, FeaturesPage, HelpPage, HomePage, NewsPage, PublicationPage } from './pages';
 
-ReactDOM.render(
+createRoot(document.querySelector('#welcome')).render(
   <HashRouter>
     <RouterScrollToTop />
     {/* A <Switch> looks through its children <Route>s and
@@ -45,5 +45,4 @@ ReactDOM.render(
       </Route>
     </Switch>
   </HashRouter>,
-  document.querySelector('#welcome'),
 );

src/pages/components/SourceCodeCard.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useAsync } from 'visyn_core';
+import { useAsync } from 'visyn_core/hooks';
 import { AppMetaDataUtils } from 'tdp_core';
 
 export function SourceCodeCard() {

src/phovea.ts

@@ -15,7 +15,7 @@ import {
   IOrdinoLogoDesc,
   IStartMenuTabShortcutDesc,
 } from 'ordino';
-import { IRegistry, PluginRegistry } from 'visyn_core';
+import { IRegistry, PluginRegistry } from 'visyn_core/plugin';
 import { EXTENSION_POINT_CUSTOMIZED_LOGIN_FORM } from 'tdp_core';
 
 export default function (registry: IRegistry) {

src/phovea_registry.ts

@@ -4,7 +4,7 @@
  * Licensed under the new BSD license, available at http://caleydo.org/license
  **************************************************************************** */
 
-import { PluginRegistry } from 'visyn_core';
+import { PluginRegistry } from 'visyn_core/plugin';
 import reg from './phovea';
 
 /**

tsconfig.json

@@ -1,12 +1,10 @@
-{
-  "extends": "visyn_scripts/config/tsconfig.template.json",
+ { "extends": "visyn_scripts/config/tsconfig.template.json",
   "compilerOptions": {
     "outDir": "./dist",
-    "moduleResolution": "node",
   },
   "include": [
     "src/**/*.ts",
     "src/**/*.tsx",
     "tsd.d.ts"
   ]
-}
+}