Issue/52 Fix deprecated npm (#98)

* upgraded to react-18. mui style and createroot changes

* electron update

* removing demo nft marketplace

---------

Co-authored-by: hugh <[email protected]>

demos/client-example/package.json

@@ -1,50 +1,51 @@
 {
-  "name": "@prosopo/client-example",
-  "version": "0.1.11",
-  "private": true,
-  "dependencies": {
-    "@emotion/react": "^11.9.3",
-    "@emotion/styled": "^11.9.3",
-    "@mui/material": "^5.9.1",
-    "@mui/styles": "^5.9.1",
-    "@prosopo/procaptcha-react": "^0.1.11",
-    "@testing-library/jest-dom": "^5.16.4",
-    "bootstrap": "^5.2.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-scripts": "5.0.1",
-    "typescript": "^4.7.4",
-    "web-vitals": "^2.1.4"
-  },
-  "devDependencies": {
-    "cypress": "^10.8.0",
-    "cypress-promise": "^1.1.0",
-    "eslint-config-react-app": "^7.0.1"
-  },
-  "scripts": {
-    "start": "PORT=3001 react-scripts start",
-    "build": "NODE_ENV=production react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "cypress:open": "cypress open",
-    "lint:fix": "npx eslint . --fix"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  }
+    "name": "@prosopo/client-example",
+    "version": "0.1.11",
+    "private": true,
+    "dependencies": {
+        "@emotion/react": "^11.9.3",
+        "@emotion/styled": "^11.9.3",
+        "@mui/material": "^5.9.1",
+        "@prosopo/procaptcha-react": "^0.1.11",
+        "@testing-library/jest-dom": "^5.16.4",
+        "@types/react-dom": "^18.2.4",
+        "bootstrap": "^5.2.2",
+        "electron": "25.0.1",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "react-scripts": "5.0.1",
+        "typescript": "^4.7.4",
+        "web-vitals": "^2.1.4"
+    },
+    "devDependencies": {
+        "cypress": "^10.8.0",
+        "cypress-promise": "^1.1.0",
+        "eslint-config-react-app": "^7.0.1"
+    },
+    "scripts": {
+        "start": "PORT=3001 react-scripts start",
+        "build": "NODE_ENV=production react-scripts build",
+        "test": "react-scripts test",
+        "eject": "react-scripts eject",
+        "cypress:open": "cypress open",
+        "lint:fix": "npx eslint . --fix"
+    },
+    "eslintConfig": {
+        "extends": [
+            "react-app",
+            "react-app/jest"
+        ]
+    },
+    "browserslist": {
+        "production": [
+            ">0.2%",
+            "not dead",
+            "not op_mini all"
+        ],
+        "development": [
+            "last 1 chrome version",
+            "last 1 firefox version",
+            "last 1 safari version"
+        ]
+    }
 }

demos/client-example/src/index.tsx

@@ -1,16 +1,16 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
 import App from './App'
 import reportWebVitals from './reportWebVitals'
-
 import CssBaseline from '@mui/material/CssBaseline'
+import ReactDOM from 'react-dom/client'
+
+const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
 
-ReactDOM.render(
+root.render(
     <React.Fragment>
         <CssBaseline />
         <App />
-    </React.Fragment>,
-    document.getElementById('root') as HTMLElement
+    </React.Fragment>
 )
 
 // If you want to start measuring performance in your app, pass a function