After ending call, the space occupied by the JaaSMeeting component becomes blank

[anisharya16]

I am using JaaSMeeting component in my React application. I have it in right side of my app. When I end the meeting the space is empty and it does not look good. Is there a way to show something like "Meeting has ended" or relaunch the meeting.

Current Code:

<JaaSMeeting
          appId={"my-app-id"}
          roomName="DoctorRoomForPatients"
          configOverwrite={{
            disableThirdPartyRequests: true,
            disableLocalVideoFlip: true,
            backgroundAlpha: 0.5,
            startWithAudioMuted: true,
            startWithVideoMuted: true,
            enableNoAudioDetection: true,
            enableNoisyMicDetection: true,
            startAudioMuted: 10,
            startVideoMuted: 10,
          }}
          getIFrameRef={(iframeRef) => {
            iframeRef.style.height = "100vh";
          }}
        />

Adding Screenshots for the current behaviour. After ending the call:

Or is there any other way to mitigate this?

[mihhu]

Please try using this callback that gets executed when the conference ends and display anything you need instead.

[anisharya16]

Please try using this callback that gets executed when the conference ends and display anything you need instead.

This worked. Thanks.