docs(README): update examples to use ReactDOM.createRoot

README.md

@@ -61,19 +61,20 @@ You can learn more about API keys in the [official FingerprintJS Pro documentati
 ```jsx
 // src/index.js
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import { FpjsProvider } from '@fingerprintjs/fingerprintjs-pro-react';
 import App from './App';
 
-ReactDOM.render(
+const root = ReactDOM.createRoot(document.getElementById('app'))
+
+root.render(
   <FpjsProvider
     loadOptions = {{
       apiKey: 'your-fpjs-public-api-key'
     }}
   >
     <App />
-  </FpjsProvider>,
-  document.getElementById('app')
+  </FpjsProvider>
 );
 ```
 

examples/spa/package.json

@@ -19,7 +19,7 @@
     "typescript": "^4.4.2"
   },
   "scripts": {
-    "start": "PORT=3001 react-scripts start",
+    "start": "PORT=3001 DISABLE_ESLINT_PLUGIN=true react-scripts start",
     "build": "DISABLE_ESLINT_PLUGIN=true react-scripts build"
   },
   "browserslist": {

examples/spa/src/index.tsx

@@ -1,11 +1,12 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import ReactDOM from 'react-dom/client'
 import './index.css'
 import App from './App'
 
-ReactDOM.render(
+const root = ReactDOM.createRoot(document.getElementById('root')!)
+
+root.render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
-  document.getElementById('root')
+  </React.StrictMode>
 )

examples/spa/yarn.lock

@@ -1161,9 +1161,8 @@
     strip-json-comments "^3.1.1"
 
 "@fingerprintjs/fingerprintjs-pro-react@link:../..":
-  version "1.3.1"
-  dependencies:
-    "@fingerprintjs/fingerprintjs-pro-spa" "^0.4.0"
+  version "0.0.0"
+  uid ""
 
 "@fingerprintjs/fingerprintjs-pro-spa@^0.4.0":
   version "0.4.1"
@@ -5871,7 +5870,7 @@ lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.7.0:
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
-loose-envify@^1.4.0:
+loose-envify@^1.1.0, loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@@ -7187,6 +7186,7 @@ react-dev-utils@^12.0.1:
 
 "react-dom@link:../../node_modules/react-dom":
   version "0.0.0"
+  uid ""
 
 react-error-boundary@^3.1.0:
   version "3.1.4"
@@ -7292,6 +7292,7 @@ react-scripts@5.0.1:
 
 "react@link:../../node_modules/react":
   version "0.0.0"
+  uid ""
 
 readable-stream@^2.0.1:
   version "2.3.7"
@@ -7566,6 +7567,13 @@ saxes@^5.0.1:
   dependencies:
     xmlchars "^2.2.0"
 
+scheduler@^0.23.0:
+  version "0.23.0"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.0.tgz#ba8041afc3d30eb206a487b6b384002e4e61fdfe"
+  integrity sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==
+  dependencies:
+    loose-envify "^1.1.0"
+
 schema-utils@2.7.0:
   version "2.7.0"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"