React js Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API

Recently i have been working in a React js project its show me an warning in my Browser Console which is like below screen shot:

don't worry i will Show you How to Solve this type of warning.
When react js warning ReactDOM.render is no longer supported in React 18
is happen then my index.js file is look like bellow screenshot:

to solve the ReactDOM.render is no longer supported in React 18 Warning i just change my index.js file. after changed index.js file now my index.js is look like below Screen shot:

That's it now the warning is gone. so finally Browser console is look like:

Thank you