Update packages

Author: Yadro

package.json

@@ -164,13 +164,14 @@
     "@types/history": "4.7.6",
     "@types/jest": "^26.0.24",
     "@types/node": "14.14.10",
-    "@types/react": "^16.9.44",
-    "@types/react-dom": "^16.9.9",
+    "@types/react": "18.0.14",
+    "@types/react-dom": "17.0.11",
     "@types/react-router-dom": "^5.1.6",
     "@types/uuid": "^8.3.3",
     "@types/webpack-env": "^1.15.2",
     "@typescript-eslint/eslint-plugin": "^4.8.1",
     "@typescript-eslint/parser": "^4.8.1",
+    "@types/universal-analytics": "0.4.5",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^26.1.0",
     "babel-loader": "^8.2.2",
@@ -229,9 +230,9 @@
   },
   "dependencies": {
     "@ant-design/colors": "6.0.0",
-    "@ant-design/icons": "4.6.2",
+    "@ant-design/icons": "4.7.0",
     "@sentry/electron": "2.5.0",
-    "antd": "4.17.2",
+    "antd": "4.21.3",
     "caniuse-lite": "1.0.30001214",
     "clsx": "^1.1.1",
     "date-fns": "2.20.1",
@@ -246,24 +247,21 @@
     "mobx": "6.1.8",
     "mobx-react": "7.1.0",
     "moment": "2.29.1",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-hook-media-query": "^1.0.5",
     "react-jss": "^10.6.0",
     "react-router-dom": "^5.2.0",
     "regenerator-runtime": "^0.13.5",
     "source-map-support": "^0.5.19",
-    "universal-analytics": "^0.4.23",
+    "universal-analytics": "0.5.3",
     "uuid": "^8.3.2"
   },
   "devEngines": {
     "node": ">=14.x",
     "npm": ">=6.x",
     "yarn": ">=1.21.3"
   },
-  "collective": {
-    "url": "https://opencollective.com/electron-react-boilerplate-594"
-  },
   "browserslist": [],
   "prettier": {
     "overrides": [

src/index.tsx

@@ -1,5 +1,9 @@
 import React from 'react';
+
+// Due to issue with antd, we need to use old react api
 import { render } from 'react-dom';
+// FIXME: import { createRoot } from 'react-dom/client';
+
 import dotenv from 'dotenv';
 
 import App from './App';
@@ -11,3 +15,4 @@ dotenv.config();
 initSentry();
 
 render(<App />, document.getElementById('root'));
+// createRoot(document.getElementById('root')).render(<App />);

src/types/Types.d.ts

@@ -1,15 +1,3 @@
-declare module 'universal-analytics' {
-  export interface Visitor {
-    pageview(path: string): Visitor;
-    event(category: string, action: string): Visitor;
-    send(): void;
-  }
-
-  const ua: (code: string, uid?: string) => Visitor;
-
-  export default ua;
-}
-
 declare module 'react-hook-media-query' {
   const useMediaQuery: (query: string) => boolean;