##Meeting SDK (ReactCurrentOwner) error
Description
I have implemented the ZoomMtgEmbedded package and had followed the documentation correctly on my NextJS project, but I still encountered this error “TypeError: Cannot read properties of undefined (reading ‘ReactCurrentOwner’)”, which is not fixable even when trying to clear the NextJS cache and re-installing the packages. And I had also tried to hard code the parameters to try and check if the error persist but still no luck in making it work, here is my code snippet that use ZoomMtgEmbedded package: "“use client”;
import Error from “next/error”;
import { useSearchParams } from “next/navigation”;
import { useEffect } from “react”;
import ZoomMtgEmbedded from “@zoom/meetingsdk/embedded”;
const MeetingComponent = ({
meetingId,
accessToken
}: {
meetingId: string;
accessToken: string;
}) => {
const searchParams = useSearchParams();
const username = searchParams.get("name");
useEffect(() => {
(async () => {
// Initialize Zoom
const client = ZoomMtgEmbedded.createClient();
const meetingSDKElement = document.getElementById("meetingSDKElement")!;
client.init({ zoomAppRoot: meetingSDKElement, language: "en-US", patchJsMedia: true });
client.join({
signature:
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBLZXkiOiJlOU1QS3liU0xtRzlUZDRQM3NXVUEiLCJzZGtLZXkiOiJlOU1QS3liU0xtRzlUZDRQM3NXVUEiLCJtbiI6Ijg0MTQ1MDYzNjY3Iiwicm9sZSI6MCwidG9rZW5FeHAiOjE3MzU5NTYxMTIsImlhdCI6MTczNTk1MjUxMiwiZXhwIjoxNzM1OTU2MTEyfQ.wUWriFVhg6EwG2JqGZ_dfjMJ1-VLtv-bqXJD-2P7MWw",
sdkKey: "e9MPKybSLmG9Td4P3sWUA",
meetingNumber: "84145063667",
password: "W7BS7N",
userName: "EJM"
});
})();
}, []);
return (
<>
<div id="meetingSDKElement"></div>
</>
);
};
export default MeetingComponent;
"
Full Error Message?
TypeError: Cannot read properties of undefined (reading ‘ReactCurrentOwner’)"