| @@ -1,8 +1,8 @@ | ||
| 1 | 1 | /** |
| 2 | 2 | * WordPress dependencies. |
| 3 | 3 | */ |
| 4 | -import { render } from '@wordpress/element'; | |
| 4 | +import { createRoot, render } from '@wordpress/element'; | |
| 5 | 5 | |
| 6 | 6 | /** |
| 7 | 7 | * Internal dependencies. |
| 8 | 8 | */ |
| @@ -7,5 +7,12 @@ | ||
| 7 | 7 | * Internal dependencies. |
| 8 | 8 | */ |
| 9 | 9 | import { Pointers } from './pointers'; |
| 10 | 10 | |
| 11 | -render(<Pointers />, document.getElementById('ordering-app')); | |
| 11 | +const el = document.getElementById('ordering-app'); | |
| 12 | + | |
| 13 | +if (typeof createRoot === 'function') { | |
| 14 | + const root = createRoot(el); | |
| 15 | + root.render(<Pointers />); | |
| 16 | +} else { | |
| 17 | + render(<Pointers />, el); | |
| 18 | +} | |