slahkamel

Thanks! I’ll keep on digging…

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

Thanks very much for your help. This is really preventing us so far from using the MD theme for our current development environment in WordPress.

Best,

-Salah