From b9eb372f72bf8332d835981ed0ff1063e381bfdc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20Lys=C3=BD?= <lysyjan87@gmail.com>
Date: Tue, 17 Nov 2020 10:12:52 +0100
Subject: [PATCH] Read data about form blocks with useSelect [MAILPOET-3085]

---
 assets/js/src/form_editor/components/editor.jsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/assets/js/src/form_editor/components/editor.jsx b/assets/js/src/form_editor/components/editor.jsx
index 2cb8f4f096..1ce54764a5 100644
--- a/assets/js/src/form_editor/components/editor.jsx
+++ b/assets/js/src/form_editor/components/editor.jsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import '@wordpress/core-data';
-import { select, useSelect, useDispatch } from '@wordpress/data';
+import { useSelect, useDispatch } from '@wordpress/data';
 import {
   DropZoneProvider,
   Popover,
@@ -44,6 +44,11 @@ export default () => {
     (sel) => sel('mailpoet-form-editor').getSidebarOpened(),
     []
   );
+  const formBlocks = useSelect(
+    (sel) => sel('mailpoet-form-editor').getFormBlocks(),
+    []
+  );
+
   const canUserUpload = useSelect(
     (sel) => sel('core').canUser('create', 'media'),
     []
@@ -102,7 +107,7 @@ export default () => {
             </div>
             <div className="interface-interface-skeleton__body">
               <BlockEditorProvider
-                value={select('mailpoet-form-editor').getFormBlocks()}
+                value={formBlocks}
                 onInput={blocksChangedInBlockEditor}
                 onChange={blocksChangedInBlockEditor}
                 settings={editorSettings}