Skip to content

Commit 321e570

Browse files
committed
Switch to createRoot API for rendering
1 parent e469295 commit 321e570

File tree

2 files changed

+20
-8
lines changed

2 files changed

+20
-8
lines changed
Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,14 @@
1-
import React from 'react';
2-
import ReactDOM from 'react-dom';
1+
import React, { StrictMode } from 'react';
2+
import { createRoot } from 'react-dom/client';
33
import App from './App';
44

55
it('renders without crashing', () => {
6-
const div = document.createElement('div');
7-
ReactDOM.render(<App />, div);
8-
ReactDOM.unmountComponentAtNode(div);
6+
const container = document.createElement('div');
7+
const root = createRoot(container);
8+
root.render(
9+
<StrictMode>
10+
<App />
11+
</StrictMode>
12+
);
13+
root.unmount();
914
});
Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,15 @@
11
import '@patternfly/react-core/dist/styles/base.css';
2-
import React from 'react';
3-
import ReactDOM from 'react-dom';
2+
import React, { StrictMode } from 'react';
3+
import { createRoot } from 'react-dom/client';
44
import './index.css';
55
import App from './App';
66
import '@patternfly/patternfly/patternfly-theme-dark.css';
77

8-
ReactDOM.render(<App />, document.getElementById('root'));
8+
const container = document.getElementById('root');
9+
const root = createRoot(container);
10+
11+
root.render(
12+
<StrictMode>
13+
<App />
14+
</StrictMode>
15+
);

0 commit comments

Comments
 (0)