Unmount Zoom lib in React after leaving page

Meeting SDK Web
1

Description
Could not find a way to unload the Zoom library when the user navigates away from the page

Error
We have the following use case: our app uses the Zoom WebSDK to allow users to join meetings. Whenever a user joins a meeting, the zoom lib is loaded and a lot of elements are added to the DOM.
If the user presses the leave button, everything works perfectly, however, there are some use cases (e.g using the browser back functionality) when the lib won’t unmount.
This also happens in Preview mode, if the user presses the back button, the preview won’t disappear.

Is it possible to hide/disable/unmount the web SDK script if the user presses the back button?

Which Web Client SDK version?
Web Client SDK 1.9.7

2

Hey @ioanav,

Thank you for reaching out to the Zoom Developer Forum. We don’t have a function to unload the SDK from the DOM but I think that might be useful in this case.

Just to be clear, are you seeing this behavior when testing with the Sample Web App or only with your app?

Thanks,
Max

3

Hi @MaxM

The sample web app disables the back button functionality, so there is no way to test this.

Thank you,
Ioana

4

Hey @ioanav,

My apologies, I meant to link the Sample React App.

I think the best route from here is to submit a #feature-request so that our engineering team can consider the feature to cleanly unload from the DOM in a future release.

Thanks,
Max

5

Hi @MaxM We also tried the Sample React App, same result. Back is disabled there, too.

Kind regards,
Ioana

6

Hey @ioanav,

Thanks for confirming. If you are using React, you should be able to use a JS router on the client to set the Meeting on a separate route. In this fashion, the browser should store the history by default.

Here’s an example of a client side router that you could use:

Let me know if that would work for you.

Thanks,
Max

7

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