| @@ -1,6 +1,5 @@ | ||
| 1 | -import React from 'react'; | |
| 2 | -import ReactDOM from 'react-dom'; | |
| 1 | +import { render, StrictMode } from '@wordpress/element'; | |
| 3 | 2 | import './WizardApp.scss'; |
| 4 | 3 | import './tailwind-styles.scss'; |
| 5 | 4 | |
| 6 | 5 | /* State Provider */ |
| @@ -14,10 +13,10 @@ | ||
| 14 | 13 | |
| 15 | 14 | import WizardMain from './WizardMain'; |
| 16 | 15 | |
| 17 | 16 | window.addEventListener( 'DOMContentLoaded', function () { |
| 18 | - ReactDOM.render( | |
| 19 | - <React.StrictMode> | |
| 17 | + render( | |
| 18 | + <StrictMode> | |
| 20 | 19 | <StateProvider |
| 21 | 20 | initialState={ settingsInitialState } |
| 22 | 21 | reducer={ settingsEvents } |
| 23 | 22 | > |
| @@ -27,8 +26,8 @@ | ||
| 27 | 26 | > |
| 28 | 27 | <WizardMain /> |
| 29 | 28 | </SettingsProvider> |
| 30 | 29 | </StateProvider> |
| 31 | - </React.StrictMode>, | |
| 30 | + </StrictMode>, | |
| 32 | 31 | document.getElementById( 'wcf-setup-wizard-page' ) |
| 33 | 32 | ); |
| 34 | 33 | } ); |
