chore: update example

CHANGELOG.md

@@ -4,16 +4,14 @@ All notable changes to this project will be documented in this file. See [standa
 
 ## [3.1.0](https://github.com/Purii/react-use-scrollspy/compare/v3.0.2...v3.1.0) (2022-10-09)
 
-
 ### Features
 
-* add an optional scrollingElement params ([bf7c9ba](https://github.com/Purii/react-use-scrollspy/commit/bf7c9babcc62a30a5c0145be7bf409556aa215cc))
-
+- add an optional scrollingElement params ([bf7c9ba](https://github.com/Purii/react-use-scrollspy/commit/bf7c9babcc62a30a5c0145be7bf409556aa215cc)) (Thanks @jonasCr!)
 
 ### Bug Fixes
 
-* the addEventListener was not adding correctly ([a11cd08](https://github.com/Purii/react-use-scrollspy/commit/a11cd088cc0979d17e13b1935b8fce33065a4b26))
-* useless line removed and simplifing code ([c38d624](https://github.com/Purii/react-use-scrollspy/commit/c38d624bf03be1ed38b5c7798e8c527fa98a596d))
+- the addEventListener was not adding correctly ([a11cd08](https://github.com/Purii/react-use-scrollspy/commit/a11cd088cc0979d17e13b1935b8fce33065a4b26))
+- useless line removed and simplifing code ([c38d624](https://github.com/Purii/react-use-scrollspy/commit/c38d624bf03be1ed38b5c7798e8c527fa98a596d))
 
 ### [3.0.2](https://github.com/Purii/react-use-scrollspy/compare/v3.0.1...v3.0.2) (2022-04-16)
 

example/.gitignore

@@ -23,3 +23,9 @@ yarn-debug.log*
 yarn-error.log*
 
 .eslintcache
+
+# Yarn berry with node modules linker
+.yarn/*
+!.yarn/releases
+!.yarn/plugins
+.pnp.*

example/package.json

@@ -4,19 +4,19 @@
   "private": true,
   "homepage": "https://purii.github.io/react-use-scrollspy",
   "dependencies": {
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^13.1.1",
-    "@testing-library/user-event": "^14.1.0",
-    "@types/jest": "^27.4.1",
-    "@types/node": "^17.0.24",
-    "@types/react": "^18.0.5",
-    "@types/react-dom": "^18.0.1",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/jest": "^29.1.2",
+    "@types/node": "^18.8.3",
+    "@types/react": "^18.0.21",
+    "@types/react-dom": "^18.0.6",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
-    "react-use-scrollspy": "^3.0.2",
-    "typescript": "^4.6.3",
-    "web-vitals": "^2.1.4"
+    "react-use-scrollspy": "3.1.0",
+    "typescript": "^4.8.4",
+    "web-vitals": "^3.0.3"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -45,6 +45,6 @@
     ]
   },
   "devDependencies": {
-    "gh-pages": "^3.2.3"
+    "gh-pages": "^4.0.0"
   }
 }

example/src/index.tsx

@@ -1,15 +1,11 @@
-import React from "react";
-import ReactDOM from "react-dom";
+import { createRoot } from "react-dom/client";
 import "./index.css";
 import App from "./App";
 import reportWebVitals from "./reportWebVitals";
 
-ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById("root")
-);
+const container = document.getElementById("root");
+const root = createRoot(container!); // createRoot(container!) if you use TypeScript
+root.render(<App />);
 
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))