upgrade to react 18 etc

.gitignore

@@ -1,6 +1,7 @@
 # Folders
 build/
 .vscode/
+.history/
 node_modules/
 
 # Files

package.json

@@ -10,19 +10,19 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@fontsource/rubik": "^4.5.3",
-    "@fortawesome/fontawesome-free": "^6.0.0",
-    "bulma": "^0.9.3",
-    "react": "^17.0.2",
+    "@fontsource/rubik": "^4.5.11",
+    "@fortawesome/fontawesome-free": "^6.2.0",
+    "bulma": "^0.9.4",
+    "react": "^18.2.0",
     "react-app-polyfill": "^3.0.0",
-    "react-dom": "^17.0.2",
-    "react-scripts": "^5.0.0",
-    "sass": "^1.49.8",
-    "workbox-core": "^6.4.2",
-    "workbox-expiration": "^6.4.2",
-    "workbox-precaching": "^6.4.2",
-    "workbox-routing": "^6.4.2",
-    "workbox-strategies": "^6.4.2"
+    "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
+    "sass": "^1.54.9",
+    "workbox-core": "^6.5.4",
+    "workbox-expiration": "^6.5.4",
+    "workbox-precaching": "^6.5.4",
+    "workbox-routing": "^6.5.4",
+    "workbox-strategies": "^6.5.4"
   },
   "scripts": {
     "start": "react-scripts start",

src/index.js

@@ -2,17 +2,17 @@ import 'react-app-polyfill/ie11';
 import 'react-app-polyfill/stable';
 
 import { StrictMode } from 'react';
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import * as serviceWorkerRegistration from './serviceWorkerRegistration';
 
 import App from './App';
 
-render(
+const root = createRoot(document.getElementById('root'));
+root.render(
   <StrictMode>
     <App/>
-  </StrictMode>,
-  document.getElementById('root')
+  </StrictMode>
 );
 
 serviceWorkerRegistration.register();