Initialize form editor after dom is loaded

We need window.wpApiSettings which is initialized by WordPress in page footer. [MAILPOET-2750]
2020-03-31 17:13:09 +02:00
parent f01643b50f
commit c34eddd3be
1 changed files with 13 additions and 12 deletions
--- a/assets/js/src/form_editor/form_editor.jsx
+++ b/assets/js/src/form_editor/form_editor.jsx
@@ -15,15 +15,16 @@ const App = () => (
  </GlobalContext.Provider>
 );

-const appElement = document.querySelector('#mailpoet_form_edit');
-
-if (appElement) {
-  initStore();
-  initBlocks();
-  ReactDOM.render(
-    <React.StrictMode>
-      <App />
-    </React.StrictMode>,
-    appElement
-  );
-}
+window.addEventListener('DOMContentLoaded', () => {
+  const appElement = document.querySelector('#mailpoet_form_edit');
+  if (appElement) {
+    initStore();
+    initBlocks();
+    ReactDOM.render(
+      <React.StrictMode>
+        <App />
+      </React.StrictMode>,
+      appElement
+    );
+  }
+});