No mic/video recognized or checked for in client view

I am using zoom SDK Client view I managed to get the meeting screen to load but it tells me that both mic and video arent recognized and wont let me join the meeting, it wont event prompt me allow/disallow the use of video/mic.
When i add navigator.mediaDevices.getUserMedia({ audio: true}) to the page manually and give permission the mic is recognized.

This error does not happened in Component view and it allows me to join meeting just fine.

There are other weird errors where i have to display: none for #zmmtg-root.
And when i have cross-origin isolation how comes ZoomMtg.setZoomJSLib('', '/av'); is loading fine…

Browser Console Error
There are few errors:
Uncaught (in promise) - {type: 'VIDEO', evt: 'ERROR', errorCode: 'NOT_CONNECTED', data: undefined} - zoomus-websdk.umd.min.js:2

Uncaught (in promise) - {type: 'AUDIO', evt: 'ERROR', errorCode: 'NOT_CONNECTED', data: undefined} - zoomus-websdk.umd.min.js:2

warning: validateDOMNesting(...): <h1> cannot appear as a descendant of <p>.

Warning: Invalid DOM property playsinline. Did you mean playsInline?

Which Web Meeting SDK version?
@zoomus/websdk - 2.3.5

Meeting SDK Code Snippets
I dont know where is the problematic part so i am pasting my entire implementation.

function ZoomMeeting() {
  const search =;
  const {token} = qs.parse(search);
  const {
    a: url,
    b: userName,
    c: leaveUrl,
    //d: shareUrl,
    //  e: adminOrOwner,
    f: userEmail,
    //g: userId,
    h: signature
  } = JSON.parse(decodeURIComponent(token));

  const sectionRef = useRef(null);

  console.log('signature', signature);
  const meetingNumber = extractMeetingId(url);
  const password = extractPassword(url);
  console.log('meetingNumber', meetingNumber);
  console.log('JSON.parse(decodeURIComponent(token)', JSON.parse(decodeURIComponent(token)))
  useEffect(() => {
    if (sectionRef.current) {
      ZoomMtg.setZoomJSLib('', '/av');

      const zoomMeeting = document.getElementById('zmmtg-root');
      if (zoomMeeting) {
        sectionRef.current.appendChild(zoomMeeting); = 'block'; = 'relative'; = '1005'; = 'none';

          success: (success) => {

              password, signature, meetingNumber, userName, userEmail,
              sdkKey: ZOOM_SDK_KEY,
              success: (success) => {
                console.log('zoom join success', success);
              error: (error) => {
                console.log(`zoom join error`, error);

          }, error: (error) => {
            console.log(`zoom init error`, error);

        ZoomMtg.inMeetingServiceListener('onUserJoin', function (data) {
          console.log(`inMeetingServiceListener onUserJoin`, data);

        ZoomMtg.inMeetingServiceListener('onUserLeave', function (data) {
          console.log(`inMeetingServiceListener onUserLeave`, data);

        ZoomMtg.inMeetingServiceListener('onUserIsInWaitingRoom', function (data) {
          console.log(`inMeetingServiceListener onUserIsInWaitingRoom`, data);

        ZoomMtg.inMeetingServiceListener('onMeetingStatus', function (data) {
          console.log(`inMeetingServiceListener onMeetingStatus`, data);
  }, [sectionRef.current]);// eslint-disable-line

  return (
      <ZoomMeetingWrap ref={sectionRef}/>
        style={{textAlign: 'center', fontSize: '18px', wordBreak: 'break-word', whiteSpace: 'pre-line'}}
        toastStyle={{borderRadius: '8px'}}

To Reproduce(If applicable)
Not really sure it just happens.

Wont allow me

Device (please complete the following information):

  • Device: PC
  • OS: Ubuntu 18.04.6 LTS
  • Browser: Chrome
  • Version 100.0.4896.127 (Official Build) (64-bit))

Additional info
As per your documentation at: Import SDK

On my site those are not being added upon init.

<!-- added on meeting init -->
  <div class="ReactModalPortal"></div>
  <div class="ReactModalPortal"></div>
  <div class="ReactModalPortal"></div>
  <div class="ReactModalPortal"></div>
  <div class="global-pop-up-box"></div>
  <div class="sharer-controlbar-container sharer-controlbar-container--hidden"></div>

Hi, @david14,

Thank you for posting in the Developer Forum. When switching to Client View, can you share if you uncomment out the Client View CSS in public/index.html?

Donte, this question is no longer relevant i am not sure how to close it.

Hi, @david14,

Thank you for your response! I will go ahead and close this topic.

Kind Regards,