Jollibee delivery.Makakuha ng libreng 700pho sa bawat deposito

slahkamel
(@slahkamel)

2 years ago
Hi community,

Adding a new “Buttons (Material)” or “Icon (Material) to any of my pages works well but then when I try to edit the button text in the editor or even select any of the block elements in the editor (Buttons or Icon) I ge the message : “This block has encountered an error and cannot be previewed”.

To reproduce:
- Open a page or a post in the block editor
- Add a “Button (Material)” block somewhere in the page
- Try to edit the button text in the page. The operation fails with message “This block has encountered an error and cannot be previewed”.
Environment information:

This is happening on a brand new staging instance of WordPress on wordpress.com. Since the instance was provisioned, I first installed the Barnsbury theme and the I disabled it to switch to the Material Design Google theme.

Thanks in advance for your help troubleshooting this issue.

-Salah

Viewing 5 replies - 1 through 5 (of 5 total)

Thread Starter

slahkamel

(@slahkamel)

2 years ago

Hi again,

Here are more details about the above behavior:

To see what happens I am adding the gif that shows how the error is triggered.

When I try to change a Material Icon, here is what I get in the front-end console:

react-dom.min.js?ver=18:1 TypeError: Cannot read properties of undefined (reading 'colorValue')
    at dropdown.js:131:26
    at Array.map (<anonymous>)
    at Fb (dropdown.js:128:15)
    at wt (react-dom.min.js?ver=18:1:47623)
    at $s (react-dom.min.js?ver=18:1:120736)
    at wl (react-dom.min.js?ver=18:1:88644)
    at bl (react-dom.min.js?ver=18:1:88572)
    at yl (react-dom.min.js?ver=18:1:88435)
    at il (react-dom.min.js?ver=18:1:85259)
    at fl (react-dom.min.js?ver=18:1:85646)
ar @ react-dom.min.js?ver=18:1
a.componentDidCatch.t.callback @ react-dom.min.js?ver=18:1
tt @ react-dom.min.js?ver=18:1
Jr @ react-dom.min.js?ver=18:1
Zr @ react-dom.min.js?ver=18:1
Gr @ react-dom.min.js?ver=18:1
(anonymous) @ react-dom.min.js?ver=18:1
xl @ react-dom.min.js?ver=18:1
fl @ react-dom.min.js?ver=18:1
zn @ react-dom.min.js?ver=18:1
(anonymous) @ react-dom.min.js?ver=18:1
xl @ react-dom.min.js?ver=18:1
ol @ react-dom.min.js?ver=18:1
v @ react.min.js?ver=18:1
ce @ react.min.js?ver=18:1
A.<computed> @ wp-polyfill.min.js?ver=3.15.0:1
P @ wp-polyfill.min.js?ver=3.15.0:1
E @ wp-polyfill.min.js?ver=3.15.0:1

When I try to change a Material Button here is the front-end error:

TypeError: Cannot destructure property 'panelId' of 'sA(…)' as it is null.
at hook.ts:34:12
at component.tsx:25:6
at wt (react-dom.min.js?ver=18:1:47623)
at dr (react-dom.min.js?ver=18:1:54866)
at $s (react-dom.min.js?ver=18:1:122785)
at wl (react-dom.min.js?ver=18:1:88644)
at bl (react-dom.min.js?ver=18:1:88572)
at yl (react-dom.min.js?ver=18:1:88435)
at il (react-dom.min.js?ver=18:1:85259)
at fl (react-dom.min.js?ver=18:1:85646)
ar @ react-dom.min.js?ver=18:1
a.componentDidCatch.t.callback @ react-dom.min.js?ver=18:1
tt @ react-dom.min.js?ver=18:1
Jr @ react-dom.min.js?ver=18:1
Zr @ react-dom.min.js?ver=18:1
Gr @ react-dom.min.js?ver=18:1
(anonymous) @ react-dom.min.js?ver=18:1
xl @ react-dom.min.js?ver=18:1
fl @ react-dom.min.js?ver=18:1
zn @ react-dom.min.js?ver=18:1
(anonymous) @ react-dom.min.js?ver=18:1
xl @ react-dom.min.js?ver=18:1
ol @ react-dom.min.js?ver=18:1
v @ react.min.js?ver=18:1
ce @ react.min.js?ver=18:1
A. @ wp-polyfill.min.js?ver=3.15.0:1
P @ wp-polyfill.min.js?ver=3.15.0:1
E @ wp-polyfill.min.js?ver=3.15.0:1