I am trying to update my react code in to v18 (ReactDOM.createRoot)

When i do that it is showing white screen. but without any change it is working fine

I’m using

Node v20.12.2

react: 18.2.0,

react-dom: 18.2.0,

react-router-dom: 5.2.0,

Previous code

import React from 'react';
import ReactDOM from 'react-dom';
import { App } from './app.component';

ReactDOM.render(<App />, document.getElementById('root'));

New Code

import React from 'react';
import ReactDOM from 'react-dom/client'; 
import { App } from './app.component';

const rootElement = document.getElementById('root');

if (rootElement) {
  const root = ReactDOM.createRoot(rootElement);
  root.render( <App />);
} else {
  console.error('Root element not found');
}