[BUG]: Cannot read properties of undefined

[vmcodes]

🐛 Bug Report

Hello, I hope I'm at the right place 😅

详细描述

I am receiving this error when using @did-connect/react 2.1.33 and 2.1.35.

复现这个bug

This occurs when I attempt to use DID Connect.

截图或报错信息(可选)

异常的行为

I never experienced this issue with Ant Design. However, I am with Chakra UI. I tried installing MUI as a dev dependency and a dependency as well.

期望的行为

A temporary past working version would be okay for now

可能的解决方案(可选)

Thank you 🚀

[vmcodes]

The following packages are also not compatible, thank you! "@did-connect/react": "^2.1.35", "@emotion/react": "^11.10.6", "@emotion/styled": "^11.10.6", "@mui/material": "^5.11.10", "antd": "^5.1.7", "@chakra-ui/react": "^2.5.1", and possibly "framer-motion": "^9.1.6",

[wangshijun]

I am looking into the compatibility issue, and will provide an working example repo upon resolve, please stay tuned.

[wangshijun]

@vmcodes Here is a working blocklet that combines DID Connect and Chakra UI

https://github.com/wangshijun/did-connect-chakra-ui

The main compatibility issue is caused by theme conflicting between the 2 library, and can be workaround by https://github.com/wangshijun/did-connect-chakra-ui/blob/master/src/components/connect.jsx

I have verified this on my local dev blocklet server, both in dev and prod mode.

Please checkout to see if it works on your side.

[vmcodes]

Will do @wangshijun, thank you!

[vmcodes]

The wrapped connect workaround was perfect. Thanks!