Blank page on page edit

Hi,
I’m using Gutenbiz with Rise Blocks and recently I noticed that I cannot edit my home page. It appears completely blank, and the only error in console is this:

blocks.min.js?ver=70…b968147e200d13a68:3 Block validation: Block validation failed for 'rise-blocks/section' (
{name: 'rise-blocks/section', icon: {…}, keywords: Array(1), attributes: {…}, providesContext: {…}, …}
).
Content generated by 'save' function:
<div id="rise-blocks-section-block-instance-0-000144-563a-862f-32fc-5706cd04dbb0" class="wp-block-rise-blocks-section"><div class="rise-blocks-full-width rise-blocks-section-wrapper"><div class="rise-blocks-section-shape bottom vertically-flipped"><svg style="width:100%" fill="" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 1000 300" preserveAspectRatio="none" class="divider--waves" aria-hidden="true"><path d="M 1000 299 l 2 -279 c -155 -36 -310 135 -415 164 c -102.64 28.35 -149 -32 -232 -31 c -80 1 -142 53 -229 80 c -65.54 20.34 -101 15 -126 11.61 v 54.39 z"></path><path d="M 1000 286 l 2 -252 c -157 -43 -302 144 -405 178 c -101.11 33.38 -159 -47 -242 -46 c -80 1 -145.09 54.07 -229 87 c -65.21 25.59 -104.07 16.72 -126 10.61 v 22.39 z"></path><path d="M 1000 300 l 1 -230.29 c -217 -12.71 -300.47 129.15 -404 156.29 c -103 27 -174 -30 -257 -29 c -80 1 -130.09 37.07 -214 70 c -61.23 24 -108 15.61 -126 10.61 v 22.39 z"></path></svg></div><div class="rise-blocks-section-overlay"></div><div class="rise-blocks-section-inner"></div></div></div>
Content retrieved from post body:
<div id="rise-blocks-section-block-instance-0-000144-563a-862f-32fc-5706cd04dbb0" class="wp-block-rise-blocks-section"><div class="rise-blocks-full-width rise-blocks-section-wrapper"><div class="rise-blocks-section-shape bottom vertically-flipped"><svg style="width:100%" fill="" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 1000 300" preserveAspectRatio="none" class="divider--waves" role="img" aria-hidden="true"><path d="M 1000 299 l 2 -279 c -155 -36 -310 135 -415 164 c -102.64 28.35 -149 -32 -232 -31 c -80 1 -142 53 -229 80 c -65.54 20.34 -101 15 -126 11.61 v 54.39 z"></path><path d="M 1000 286 l 2 -252 c -157 -43 -302 144 -405 178 c -101.11 33.38 -159 -47 -242 -46 c -80 1 -145.09 54.07 -229 87 c -65.21 25.59 -104.07 16.72 -126 10.61 v 22.39 z"></path><path d="M 1000 300 l 1 -230.29 c -217 -12.71 -300.47 129.15 -404 156.29 c -103 27 -174 -30 -257 -29 c -80 1 -130.09 37.07 -214 70 c -61.23 24 -108 15.61 -126 10.61 v 22.39 z"></path></svg></div><div class="rise-blocks-section-overlay"></div><div class="rise-blocks-section-inner">
</div></div></div>

This error is caused by Rise Blocks plugins – after I turn it off, I can edit my home page. But it’s based on many section blocks from Rise Blocks and up to this point it worked perfectly.

I tried to clear the cache both in the browser and in the WordPress – didn’t work.

WordPress version 6.0 (the problem might have appear after update, but I’m not sure)
Rise Blocks version 2.8
Gutenbiz version 1.0.20

EDIT:
I was able to fix this error by switching off the template and removing the conflicting parts (role="img" in this case).
Bu another error appeared, this time React related, also thrown by the same blocks.min.js file:
Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

Best regards,
Aleksandra

• This topic was modified 2 years, 8 months ago by vakme888.
• This topic was modified 2 years, 8 months ago by vakme888.
• This topic was modified 2 years, 8 months ago by vakme888. Reason: additional info