From c34eddd3bed039cfff1434d5e4816d787d74e52b Mon Sep 17 00:00:00 2001
From: Rostislav Wolny <rosta@mailpoet.com>
Date: Tue, 31 Mar 2020 17:13:09 +0200
Subject: [PATCH] Initialize form editor after dom is loaded

We need window.wpApiSettings which is initialized by WordPress in page footer.
[MAILPOET-2750]
---
 assets/js/src/form_editor/form_editor.jsx | 25 ++++++++++++-----------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/assets/js/src/form_editor/form_editor.jsx b/assets/js/src/form_editor/form_editor.jsx
index 19f946079b..57c5b65a6f 100644
--- 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
+    );
+  }
+});