diff --git a/packages/pages/src/app/App.tsx b/packages/pages/src/app/App.tsx
index f940ebd..26e8822 100644
--- a/packages/pages/src/app/App.tsx
+++ b/packages/pages/src/app/App.tsx
@@ -1,4 +1,4 @@
-import { useCallback } from 'react';
+import React, { useCallback } from 'react';
 import { useMemoMap } from 'use-memo-map';
 
 const App = () => {
diff --git a/packages/pages/src/app/index.tsx b/packages/pages/src/app/index.tsx
index f3ffc50..eb4ebe8 100644
--- a/packages/pages/src/app/index.tsx
+++ b/packages/pages/src/app/index.tsx
@@ -1,7 +1,11 @@
-import { createRoot } from 'react-dom/client';
+import React from 'react';
+// eslint-disable-next-line react/no-deprecated
+import { render } from 'react-dom';
+// import { createRoot } from 'react-dom/client';
 
 import App from './App';
 
 const rootElement = document.getElementById('root');
 
-rootElement && createRoot(rootElement).render(<App />);
+// rootElement && createRoot(rootElement).render(<App />);
+rootElement && render(<App />, rootElement);