Gutenberg errors in editing
-
After the update to 5.9 (and I know it is this reason because i downgraded it back to 5.8 and problem disappeared) I got the following issue:
The blocks that had either the structure “Groups” or “Columns” got an error editing message in the “column” block hanging under it:
“This block encountered an error and cannot be previewed”
Can you please look in to this?
-
I have to add something, as this might also be an plugin problem. I use genesis blocks I got this error, so I am guessing genesis blocks needs to do a fix? Am i right?
react-dom.min.js?ver=17.0.1:141 TypeError: Cannot read properties of undefined (reading 'className') at gi (extendify.js?ver=0.1.0:2:182485) at Object.e.getEditWrapperProps (extendify.js?ver=0.1.0:2:183328) at block-editor.min.js?ver=56fd274d0d14fe0540d61051a6a899d2:26:29185 at Le (react-dom.min.js?ver=17.0.1:100:3) at Pj (react-dom.min.js?ver=17.0.1:231:183) at di (react-dom.min.js?ver=17.0.1:168:305) at Nj (react-dom.min.js?ver=17.0.1:168:236) at sc (react-dom.min.js?ver=17.0.1:168:96) at gf (react-dom.min.js?ver=17.0.1:162:109) at react-dom.min.js?ver=17.0.1:73:230 Ye @ react-dom.min.js?ver=17.0.1:141 Nh.f.componentDidCatch.c.callback @ react-dom.min.js?ver=17.0.1:142 dh @ react-dom.min.js?ver=17.0.1:80 Bj @ react-dom.min.js?ver=17.0.1:144 Qj @ react-dom.min.js?ver=17.0.1:176 unstable_runWithPriority @ react.min.js?ver=17.0.1:24 Za @ react-dom.min.js?ver=17.0.1:73 eb @ react-dom.min.js?ver=17.0.1:170 gf @ react-dom.min.js?ver=17.0.1:162 (anonymous) @ react-dom.min.js?ver=17.0.1:73 unstable_runWithPriority @ react.min.js?ver=17.0.1:24 Za @ react-dom.min.js?ver=17.0.1:73 $g @ react-dom.min.js?ver=17.0.1:73 ja @ react-dom.min.js?ver=17.0.1:73 Pa @ react-dom.min.js?ver=17.0.1:157 Me @ react-dom.min.js?ver=17.0.1:110 e @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 t @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 b @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ redux-routine.min.js?ver=6c3ab278bc9641b6f62731e018a4449e:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ core-data.min.js?ver=b4684a7c90f2d858ab7fa74414ad5a54:2 await in (anonymous) (async) (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ redux-routine.min.js?ver=6c3ab278bc9641b6f62731e018a4449e:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 Q @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 setTimeout (async) a @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 u @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ edit-post.min.js?ver=aec3905d54d344b48f452da0da95d621:7 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 a @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 xe @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 zt @ edit-post.min.js?ver=aec3905d54d344b48f452da0da95d621:7 Le @ react-dom.min.js?ver=17.0.1:100 Pj @ react-dom.min.js?ver=17.0.1:231 di @ react-dom.min.js?ver=17.0.1:168 Nj @ react-dom.min.js?ver=17.0.1:168 sc @ react-dom.min.js?ver=17.0.1:168 gf @ react-dom.min.js?ver=17.0.1:162 Pa @ react-dom.min.js?ver=17.0.1:157 yd @ react-dom.min.js?ver=17.0.1:188 (anonymous) @ react-dom.min.js?ver=17.0.1:191 bi @ react-dom.min.js?ver=17.0.1:163 zd @ react-dom.min.js?ver=17.0.1:191 M.render @ react-dom.min.js?ver=17.0.1:243 Qt @ edit-post.min.js?ver=aec3905d54d344b48f452da0da95d621:7 (anonymous) @ post.php?post=79&action=edit:418 api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 GET https://update.breinmaat.nl/wp-json/genesis/v1/layouts/singular,page,79?_locale=user 403 P @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 p @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 (anonymous) @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 v @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 (anonymous) @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 a @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 (anonymous) @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 v.method.r @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 (anonymous) @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 (anonymous) @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 a @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 (anonymous) @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 (anonymous) @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 t @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 (anonymous) @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 j @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 (anonymous) @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 (anonymous) @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 (anonymous) @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 (anonymous) @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 (anonymous) @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 (anonymous) @ wc-blocks-middleware.js?ver=52ba48418434766581f75e0f4e99e0a6:1 (anonymous) @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 x @ api-fetch.min.js?ver=17766b2bf644140bbb233ce86db2174c:2 value @ layout-toggle.js?ver=3.3.5:20 Bj @ react-dom.min.js?ver=17.0.1:144 Qj @ react-dom.min.js?ver=17.0.1:176 unstable_runWithPriority @ react.min.js?ver=17.0.1:24 Za @ react-dom.min.js?ver=17.0.1:73 eb @ react-dom.min.js?ver=17.0.1:170 gf @ react-dom.min.js?ver=17.0.1:162 (anonymous) @ react-dom.min.js?ver=17.0.1:73 unstable_runWithPriority @ react.min.js?ver=17.0.1:24 Za @ react-dom.min.js?ver=17.0.1:73 $g @ react-dom.min.js?ver=17.0.1:73 ja @ react-dom.min.js?ver=17.0.1:73 Pa @ react-dom.min.js?ver=17.0.1:157 Me @ react-dom.min.js?ver=17.0.1:110 e @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 t @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 b @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ redux-routine.min.js?ver=6c3ab278bc9641b6f62731e018a4449e:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ core-data.min.js?ver=b4684a7c90f2d858ab7fa74414ad5a54:2 await in (anonymous) (async) (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ redux-routine.min.js?ver=6c3ab278bc9641b6f62731e018a4449e:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 Q @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 setTimeout (async) a @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 u @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ edit-post.min.js?ver=aec3905d54d344b48f452da0da95d621:7 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 a @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 (anonymous) @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 xe @ data.min.js?ver=c5f9378263e5eea9d870764c8fc1dd1b:2 zt @ edit-post.min.js?ver=aec3905d54d344b48f452da0da95d621:7 Le @ react-dom.min.js?ver=17.0.1:100 Pj @ react-dom.min.js?ver=17.0.1:231 di @ react-dom.min.js?ver=17.0.1:168 Nj @ react-dom.min.js?ver=17.0.1:168 sc @ react-dom.min.js?ver=17.0.1:168 gf @ react-dom.min.js?ver=17.0.1:162 Pa @ react-dom.min.js?ver=17.0.1:157 yd @ react-dom.min.js?ver=17.0.1:188 (anonymous) @ react-dom.min.js?ver=17.0.1:191 bi @ react-dom.min.js?ver=17.0.1:163 zd @ react-dom.min.js?ver=17.0.1:191 M.render @ react-dom.min.js?ver=17.0.1:243 Qt @ edit-post.min.js?ver=aec3905d54d344b48f452da0da95d621:7 (anonymous) @ post.php?post=79&action=edit:418 Show 19 more frames post.php:1 Uncaught (in promise) {code: 'invalid_json', message: 'The response is not a valid JSON response.'}It is turning out to be a combination of things. I have a combo of Genesis Blocks + Editor Plus and wordpress 5.9 That is causing this issue.
Genesis Blocks + Editor Plus and wordpress 5.8 works fine.
Genesis BLocks + wordpress 5.9 works aswellSo if you have any helpful comment to it please tell me otherwise I think this can be closed as I have asked my question at the team of Editor Plus. As i feel that is were the fix needs to be made.
The topic ‘Gutenberg errors in editing’ is closed to new replies.