Description
Calling a(n assumingly) correctly configured client.join() after a(nother assumingly) correctly configured client.init() fails to embed the MeetingSDK Component view to a SolidJS app.
Browser Console Error
MeetingEmbed.tsx:62 Warning: You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client".
joinMeeting @ MeetingEmbed.tsx:62
await in joinMeeting
joinComponentView @ MeetingEmbed.tsx:71
MeetingEmbed.tsx is, of course, custom code, but joinMeeting and joinComponentView are not functions I’ve written - they are called during client.join()
Warning: Each child in a list should have a unique "key" prop. See https://reactjs.org/link/warning-keys for more information.
at http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:48676:120
at http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:63226:29
at http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:45050:30
at div
at http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:45050:30
at div
at http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:45050:30
at http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:48843:25
at m_e (http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:63232:29)
at div
at http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:45050:30
at http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:46143:25
at K_e (http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:63977:29)
at Z_e (http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:64011:16)
at div
at http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:45050:30
at http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:46143:25
at div
at http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:45050:30
at http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:47334:27
at r10 (http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:67664:40)
at uye (http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:67825:29)
at div
at http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:45050:30
at http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:47334:27
at div
at t10 (http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:58075:24)
at n11 (http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:58210:26)
at ffe (http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:58259:29)
at Zye (http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:68630:29)
at fW (http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:45677:29)
at _W (http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:45700:29)
at $W (http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:45852:29)
at t10 (http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:49535:35)
at aoe (http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:55473:29)
at Jye (http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:68702:56)
at div
at A10 (http://localhost:5173/node_modules/.vite/deps/@zoom_meetingsdk_embedded.js?v=4ef76c2f:68723:31)
This error is annoyingly long - someone forgor to key their map in React. Happens to the best of us.
Which Web Meeting SDK version?
3.11.2
Troubleshooting Routes
I tried using my authentication set up with the Client view and that works fine…
This, perhaps logically, rules out:
- A complete and devastating failure in the SDK’s compilation step
- Authentication issues
- My inability to read documentation
but I really need to be using the component view for this application.
Device (please complete the following information):
- Device: 2024 Macbook Air, Apple M3, 8GB RAM
- OS: MacOS Sequoia 15.3
- Browser: Opera
- Browser Version Opera One(version: 116.0.5366.71) (arm64)
Additional context
The client app uses SolidJS rather than React.