ReactDOMClient APIs

Typically, you will use ReactDOM at the top level of your app to display your components. You will either use it directly or a framework may do it for you. Most of your components should not need to import this module.

Installation

// Importing a specific API:
import { createRoot } from 'react-dom/client';

// Importing all APIs together:
import * as ReactDOMClient from 'react-dom/client';

You’ll also need to install the same version of React.

Browser Support

ReactDOM supports all popular browsers, including Internet Explorer 9 and above. Some polyfills are required for older browsers such as IE 9 and IE 10.

Exports

const root = createRoot(domNode);
root.render(<App />);

hydrateRoot(domNode, <App />);