diff --git a/README.md b/README.md
index b8e3b75..7d2f0de 100644
--- a/README.md
+++ b/README.md
@@ -39,7 +39,7 @@ To get started, clone the repo:
    | userName                   | Required, a name for the user joining / starting the meeting / webinar. |
    | userEmail                   | Required for Webinar, optional for Meeting, required for meeting and webinar if [registration is required](https://support.zoom.us/hc/en-us/articles/360054446052-Managing-meeting-and-webinar-registration). The email of the user starting or joining the meeting / webinar. |
    | registrantToken            | Required if your [meeting](https://developers.zoom.us/docs/meeting-sdk/web/client-view/meetings/#join-meeting-with-registration-required) or [webinar](https://developers.zoom.us/docs/meeting-sdk/web/client-view/webinars/#join-webinar-with-registration-required) requires [registration](https://support.zoom.us/hc/en-us/articles/360054446052-Managing-meeting-and-webinar-registration). |
-   | zakToken            | Required to start meetings or webinars on external Zoom user's behalf, the [authorized Zoom user's ZAK token](https://developers.zoom.us/docs/meeting-sdk/auth/#start-meetings-and-webinars-with-a-zoom-users-zak-token). |
+   | zakToken            | Required to start meetings or webinars on external Zoom user's behalf, the [authorized Zoom user's ZAK token](https://developers.zoom.us/docs/meeting-sdk/auth/#start-meetings-and-webinars-with-a-zoom-users-zak-token). The ZAK can also be used to join as an [authenticated participant](https://support.zoom.com/hc/en/article?id=zm_kb&sysparm_article=KB0063837). |
    | leaveUrl                   | Required for Client View, the url the user is taken to once the meeting is over. |
 
    Example:
diff --git a/package-lock.json b/package-lock.json
index 36a6441..86dae0c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,17 +1,17 @@
 {
   "name": "meetingsdk-react-sample",
-  "version": "3.6.0",
+  "version": "3.7.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "meetingsdk-react-sample",
-      "version": "3.6.0",
+      "version": "3.7.0",
       "dependencies": {
         "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^13.5.0",
-        "@zoom/meetingsdk": "^3.6.0",
+        "@zoom/meetingsdk": "^3.7.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-scripts": "5.0.1",
@@ -4250,9 +4250,9 @@
       "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ=="
     },
     "node_modules/@zoom/meetingsdk": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@zoom/meetingsdk/-/meetingsdk-3.6.0.tgz",
-      "integrity": "sha512-AX3FmM+MJtwrn3bNCi6ZnTrDmvd3oZdINj+3YkJZ+uQo/HM6TUa4wreZ8UVUC6UTUaDU2rt3sGG0TOe6tKz0rQ==",
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/@zoom/meetingsdk/-/meetingsdk-3.7.0.tgz",
+      "integrity": "sha512-xJkdNHsf01toH8UlTL7f20hF2W2/DRZGpB0zrovEBsKNlScJlJelUDIA7CSBq2OTJ0t1aF+jZw7QQEfEULyfjw==",
       "dependencies": {
         "lodash": "^4.17.21",
         "react": "18.2.0",
diff --git a/package.json b/package.json
index 658351c..412b99e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "meetingsdk-react-sample",
-  "version": "3.6.0",
+  "version": "3.7.0",
   "author": "Zoom Video Communications, Inc.",
   "contributors": [
     {
@@ -13,7 +13,7 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
-    "@zoom/meetingsdk": "^3.6.0",
+    "@zoom/meetingsdk": "^3.7.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
diff --git a/public/images/meetingsdk-web-client-view.gif b/public/images/meetingsdk-web-client-view.gif
index a02cf9b..4a087c3 100644
Binary files a/public/images/meetingsdk-web-client-view.gif and b/public/images/meetingsdk-web-client-view.gif differ
diff --git a/public/images/meetingsdk-web-component-view.gif b/public/images/meetingsdk-web-component-view.gif
index 4a42f15..f8f6e4a 100644
Binary files a/public/images/meetingsdk-web-component-view.gif and b/public/images/meetingsdk-web-component-view.gif differ
diff --git a/src/App-New.js b/src/App-New.js
index aea9586..220f561 100644
--- a/src/App-New.js
+++ b/src/App-New.js
@@ -39,7 +39,7 @@ function App() {
 
     let meetingSDKElement = document.getElementById('meetingSDKElement');
 
-    client.init({zoomAppRoot: meetingSDKElement, language: 'en-US', patchJsMedia: true}).then(() => {
+    client.init({zoomAppRoot: meetingSDKElement, language: 'en-US', patchJsMedia: true, leaveOnPageUnload: true}).then(() => {
       client.join({
         signature: signature,
         sdkKey: sdkKey,
diff --git a/src/App.js b/src/App.js
index 934cb83..9fe680a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -43,6 +43,7 @@ function App() {
     ZoomMtg.init({
       leaveUrl: leaveUrl,
       patchJsMedia: true,
+      leaveOnPageUnload: true,
       success: (success) => {
         console.log(success)