Clearing token refresh interval on unmount

preset-io · Mar 25, 2024 · a82a0a3 · a82a0a3
1 parent 930fc69
commit a82a0a3
Show file tree

Hide file tree

Showing 4 changed files with 65 additions and 19 deletions.
diff --git a/.nvmrc b/.nvmrc
@@ -0,0 +1 @@
+18.19.1
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@preset-sdk/embedded",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Frontend SDK for embedding Preset data analytics into your own application",
   "access": "public",
   "keywords": [
@@ -43,7 +43,7 @@
     "@babel/preset-env": "^7.16.11",
     "@babel/preset-typescript": "^7.16.7",
     "@types/jest": "^27.4.1",
-    "axios": "^0.25.0",
+    "axios": "^1.6.8",
     "babel-loader": "^8.2.3",
     "jest": "^27.5.1",
     "typescript": "^4.5.5",

diff --git a/src/index.ts b/src/index.ts
@@ -131,21 +131,23 @@ export async function embedDashboard({
     fetchGuestToken(),
     mountIframe(),
   ]);
+  let refreshGuestTokenInterval: number | undefined;
 
   ourPort.emit('guestToken', { guestToken });
   log('sent guest token');
 
   async function refreshGuestToken() {
     const newGuestToken = await fetchGuestToken();
     ourPort.emit('guestToken', { guestToken: newGuestToken });
-    setTimeout(refreshGuestToken, getGuestTokenRefreshTiming(newGuestToken));
+    refreshGuestTokenInterval = setTimeout(refreshGuestToken, getGuestTokenRefreshTiming(newGuestToken));
   }
 
-  setTimeout(refreshGuestToken, getGuestTokenRefreshTiming(guestToken));
+  refreshGuestTokenInterval = setTimeout(refreshGuestToken, getGuestTokenRefreshTiming(guestToken));
 
   function unmount() {
     log('unmounting');
     mountPoint?.replaceChildren();
+    clearTimeout(refreshGuestTokenInterval);
   }
 
   const getScrollSize = () => ourPort.get<Size>('getScrollSize');