# Meeing SDK Integration issue with next js 15 using react 19

**URL:** <https://devforum.zoom.us/t/meeing-sdk-integration-issue-with-next-js-15-using-react-19/138420>\
**Category:** Web\
**Created:** [October 31, 2025, 2:21am UTC](https://devforum.zoom.us/t/meeing-sdk-integration-issue-with-next-js-15-using-react-19/138420 "2025-10-31T02:21:18Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![tejas1](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tejas1/32/49583_2.png) [@tejas1](https://devforum.zoom.us/u/tejas1)\
**Post date:** [October 31, 2025, 2:21am UTC](https://devforum.zoom.us/t/meeing-sdk-integration-issue-with-next-js-15-using-react-19/138420/1 "2025-10-31T02:21:18Z")

</div>

I am trying to integrate zoom meeting sdk in my next js application. However no matter what i change i am getting the following error.

Forums suggest that this is because of react 19, however i tried to rollback to react 18 but issue still persists.

Uncaught TypeError: Cannot read properties of undefined (reading ‘ReactCurrentOwner’)

Meeting SDK Version: 4.0.7

‘use client’;  
import { useEffect, useRef, useState } from ‘react’;  
import { useParams, useRouter } from ‘next/navigation’;  
import Script from ‘next/script’;  
import { useMeetingSignature } from ‘@/hooks/use-meetings’;  
import \* as ReactLib from ‘react’;  
import \* as ReactDOMLib from ‘react-dom’;  
import ZoomMtgEmbedded from ‘@zoom/meetingsdk/embedded’;

export default function MeetingPage() {  
const params = useParams();  
const [client, setClient] = useState(null);  
const meetingId = params.id as string;

const [ZoomMtg, setZoomMtg] = useState(null);  
const authEndpoint = “”; _// Replace with your endpoint_  
const sdkKey = “”; _// Replace with your Zoom SDK Key_  
const meetingNumber = “87630774193”; _// Replace with your meeting number_  
const passWord = “”; _// Replace with your meeting password_  
const role = 0; _// 0 = Attendee, 1 = Host_  
const userName = “React”;  
const leaveUrl = “”;

const { generateSignature, loading: signatureLoading, error: signatureError } = useMeetingSignature();

useEffect(() =\> {  
const client = ZoomMtgEmbedded.createClient();  
const meetingSDKElement = document.getElementById(“zmmtg-root”) as HTMLElement | null;  
if (!meetingSDKElement) return;  
client.init({ zoomAppRoot: meetingSDKElement, language: “en-US” });  
setClient(client);

}, );

const getSignature = async () =\> {

try {

const res = await generateSignature(meetingNumber, role);

console.log(“Res:”, res);

if (res && res.signature) {

console.log(“Signature:”, res.signature);

startMeeting({

signature: res.signature,

sdkKey: (res as any).sdkKey || sdkKey,

meetingNumber: (res as any).meetingNumber || meetingNumber,

passWord,

});

} else {

console.error(“Failed to generate signature”, signatureError);

}

} catch (error) {

console.error(“Error generating signature:”, error);

}

};

const startMeeting = (opts: { signature: string; sdkKey: string; meetingNumber: string; passWord?: string; }) =\> {

document.getElementById(“zmmtg-root”)!.style.display = “block”;

client.join({

sdkKey,

signature: opts.signature, _// role in SDK signature needs to be 1_

meetingNumber: opts.meetingNumber,

password: opts.passWord || ‘’,

userName: userName,

})

};

return (

\<\>

Zoom Meeting Join Meeting ); }

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [October 31, 2026, 2:21am UTC](https://devforum.zoom.us/t/meeing-sdk-integration-issue-with-next-js-15-using-react-19/138420/2 "2026-10-31T02:21:39Z")

</div>

Closed on October 31, 2026, 2:21am UTC

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.