Updates for telemetry rework

src/index.tsx

@@ -2,9 +2,9 @@ import '@app/index.css';
 
 import type React from 'react';
 import { StrictMode } from 'react';
-import { render } from 'react-dom';
 
 import { domAnimation, LazyMotion } from 'framer-motion';
+import { createRoot } from 'react-dom/client';
 import { ErrorBoundary } from 'react-error-boundary';
 import { Provider } from 'react-redux';
 
@@ -14,7 +14,9 @@ import { ReloadPrompt } from '@components/pwa/ReloadPrompt';
 import { RouteProvider } from '@core/router';
 import { store } from '@core/store';
 
-render(
+const container = document.getElementById('root') as HTMLElement;
+const root = createRoot(container);
+root.render(
   <StrictMode>
     <ErrorBoundary FallbackComponent={ErrorFallback}>
       <RouteProvider>
@@ -27,5 +29,4 @@ render(
       </RouteProvider>
     </ErrorBoundary>
   </StrictMode>,
-  document.getElementById('root'),
 );