diff --git a/examples/demo/src/index.tsx b/examples/demo/src/index.tsx
index 6a8fce301..adb6df891 100644
--- a/examples/demo/src/index.tsx
+++ b/examples/demo/src/index.tsx
@@ -1,11 +1,12 @@
-import ReactDOM from "react-dom";
+import { createRoot } from 'react-dom/client';
 import "./index.css";
 import App from "./App";
 import * as serviceWorker from "./serviceWorker";
 
 const rootElement = document.getElementById("root");
+const root = createRoot(rootElement);
 // eslint-disable-next-line
-ReactDOM.render(<App />, rootElement);
+root.render(<App />);
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.