Skip to main content
ArcBlock Community

Cannot assign to read only property error

Vincent
Support
bugux

Hello ArcBlock team,

I think this error is something related to one of the dependencies I updated in my blocklet. It prevents the native blocklet navigation from working as seen below. I've also copied the dependencies that might be an issue, please let me know if you need additional information. Thank you.

image.png

@arcblock/did ^1.18.135 → ^1.18.138

@arcblock/did-auth ^1.18.135 → ^1.18.138

@arcblock/did-connect ^2.10.39 → ^2.10.62

@arcblock/eslint-config ^0.3.2 → ^0.3.3

@arcblock/ux ^2.10.39 → ^2.10.62

@blocklet/ui-react ^2.10.39 → ^2.10.62

5 replies

wangshijun22 months ago

Hi, can you share the screenshot of your dev tools console for more context and detail of the above error?

Vincent22 months ago(edited)

It says this error not only for "Dialog", but also "Confirm", "Copyright" and others. Maybe it's a Material UI error? I can switch back to the working version if needed.

hook.js:608 Warning: Dialog: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead. Error Component Stack

at Dialog (chunk-V54QENLJ.js?v=452e4b76:51047:3)

at Confirm (chunk-V54QENLJ.js?v=452e4b76:51203:3)

at chunk-V54QENLJ.js?v=452e4b76:51303:57

at OAuthProvider (chunk-V54QENLJ.js?v=452e4b76:142179:3)

at SessionProvider (chunk-V54QENLJ.js?v=452e4b76:148152:9)

at SnackbarProvider2 (chunk-V54QENLJ.js?v=452e4b76:45496:24)

at ToastProvider (chunk-V54QENLJ.js?v=452e4b76:45726:3)

at SessionProvider (<anonymous>)

at DefaultPropsProvider (chunk-UMQWAYQA.js?v=452e4b76:5207:3)

at RtlProvider (chunk-UMQWAYQA.js?v=452e4b76:5177:3)

at ThemeProvider (chunk-UMQWAYQA.js?v=452e4b76:5103:5)

at ThemeProvider2 (chunk-UMQWAYQA.js?v=452e4b76:5309:5)

at ThemeProviderNoVars (chunk-IDWI7S5K.js?v=452e4b76:483:10)

at ThemeProvider (chunk-IDWI7S5K.js?v=452e4b76:507:3)

at StyledEngineProvider (chunk-UMQWAYQA.js?v=452e4b76:363:5)

at ThemeProvider2 (chunk-Z7FSM4NF.js?v=452e4b76:200:3)

at LocaleProvider (chunk-CXTYLLY5.js?v=452e4b76:141:3)

at QueryClientProvider (@tanstack_react-query.js?v=452e4b76:2842:3)

at App (<anonymous>)

overrideMethod @ hook.js:608

Show 1 more frame

Show less

chunk-UMQWAYQA.js?v=452e4b76:4769 Uncaught TypeError: Cannot assign to read only property 'theme' of object '#<Object>'

at attachTheme (chunk-UMQWAYQA.js?v=452e4b76:4769:15)

at styleAttachTheme (chunk-UMQWAYQA.js?v=452e4b76:4836:5)

at handleInterpolation (chunk-5VL2YHKT.js?v=452e4b76:1298:22)

at serializeStyles (chunk-5VL2YHKT.js?v=452e4b76:1393:15)

at chunk-UMQWAYQA.js?v=452e4b76:552:28

at chunk-5VL2YHKT.js?v=452e4b76:1570:16

at renderWithHooks (chunk-QZMTFCTS.js?v=452e4b76:18426:26)

at updateForwardRef (chunk-QZMTFCTS.js?v=452e4b76:21203:28)

at beginWork (chunk-QZMTFCTS.js?v=452e4b76:22824:22)

at HTMLUnknownElement.callCallback2 (chunk-QZMTFCTS.js?v=452e4b76:10552:22)

hook.js:608 The above error occurred in the <Styled(div)> component:

Vincent22 months ago

image.png

wangshijun22 months ago

Hi, what's your MUI dependency version, our library works best with MUI v5.16

Vincent22 months ago

I found that the issue is related to the component below and things works completely fine without it. We don't immediately need the LocaleProvider, but it might be helpful to have this in the future. Thank you!

import { LocaleProvider } from '@arcblock/ux/lib/Locale/context';

Reply