chore: migrate to Node 24 and fix TypeScript catch variable typing (#1297)

Aryan-Verma-999 · web-flow · commit e0e9638af5fc · 2026-05-19T01:10:58.000+05:30
- Update .nvmrc to v24.0.0
- Update all GitHub Actions workflows to node-version 24
- Update packages/docs engines to &gt;=24.0.0
- Fix TS2339 in EmbeddedChatApi.ts: use instanceof Error for catch variables
- Bump Storybook deps to ^8.6.18 in react and ui-elements packages
- Fix arrow-body-style lint error in EmbeddedChat.js
- Improve EmbeddedChat re-instantiation logic with rcInstanceRef and state clearing
diff --git a/.github/workflows/build-and-lint.yml b/.github/workflows/build-and-lint.yml
@@ -17,12 +17,12 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
 
       - name: Set up Yarn
         uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
           cache: "yarn"
 
       - name: Cache dependencies
diff --git a/.github/workflows/build-pr.yml b/.github/workflows/build-pr.yml
@@ -25,7 +25,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "22"
+          node-version: "24"
 
       - name: Install Dependencies
         run: yarn install
@@ -36,7 +36,7 @@ jobs:
       - name: Setup Node.js for Docs
         uses: actions/setup-node@v4
         with:
-          node-version: "22"
+          node-version: "24"
 
       - name: "Install dependencies for docs"
         run: yarn install
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -27,7 +27,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "22"
+          node-version: "24"
 
       - name: Install Dependencies
         run: yarn install
@@ -38,7 +38,7 @@ jobs:
       - name: Setup Node.js for Docs
         uses: actions/setup-node@v4
         with:
-          node-version: "22"
+          node-version: "24"
 
       - name: "Install dependencies for docs"
         run: yarn install
diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
@@ -17,7 +17,7 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
 
       - name: Cache dependencies
         uses: actions/cache@v4
diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-v22.16.0
+v24.0.0
diff --git a/packages/api/src/EmbeddedChatApi.ts b/packages/api/src/EmbeddedChatApi.ts
@@ -114,7 +114,7 @@ export default class EmbeddedChatApi {
         return response;
       }
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -143,7 +143,7 @@ export default class EmbeddedChatApi {
         const authErrorRes = await error.response.json();
         return { error: authErrorRes?.error };
       }
-      console.error(error);
+      console.error(error instanceof Error ? error.message : error);
     }
   }
 
@@ -170,15 +170,18 @@ export default class EmbeddedChatApi {
           break;
       }
     } catch (error) {
-      console.error("Auto-login failed:", error);
+      console.error(
+        "Auto-login failed:",
+        error instanceof Error ? error.message : error
+      );
     }
   }
 
   async logout() {
     try {
       await this.auth.logout();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -402,7 +405,7 @@ export default class EmbeddedChatApi {
       }
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -440,7 +443,7 @@ export default class EmbeddedChatApi {
         return await response2.json();
       }
     } catch (error) {
-      console.error(error);
+      console.error(error instanceof Error ? error.message : error);
     }
   }
 
@@ -475,7 +478,7 @@ export default class EmbeddedChatApi {
         }
         return result;
       } catch (err) {
-        console.error(err);
+        console.error(err instanceof Error ? err.message : err);
       }
     } else {
       return this.updateUserNameThroughSuggestion(userid);
@@ -498,15 +501,15 @@ export default class EmbeddedChatApi {
       );
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
   async getRoomInfo() {
     try {
       return await this.channelInfo();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -523,7 +526,7 @@ export default class EmbeddedChatApi {
       });
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -687,7 +690,7 @@ export default class EmbeddedChatApi {
       }
       return { result: [] };
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
       return { result: [] };
     }
   }
@@ -736,7 +739,7 @@ export default class EmbeddedChatApi {
       });
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -754,7 +757,7 @@ export default class EmbeddedChatApi {
       });
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -772,7 +775,7 @@ export default class EmbeddedChatApi {
       });
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -794,7 +797,7 @@ export default class EmbeddedChatApi {
       });
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -814,7 +817,7 @@ export default class EmbeddedChatApi {
       );
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -832,7 +835,7 @@ export default class EmbeddedChatApi {
       });
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -850,7 +853,7 @@ export default class EmbeddedChatApi {
       });
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -870,7 +873,7 @@ export default class EmbeddedChatApi {
       );
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -890,7 +893,7 @@ export default class EmbeddedChatApi {
       );
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -910,7 +913,7 @@ export default class EmbeddedChatApi {
       );
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -948,7 +951,7 @@ export default class EmbeddedChatApi {
       });
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -970,7 +973,7 @@ export default class EmbeddedChatApi {
       });
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -988,7 +991,7 @@ export default class EmbeddedChatApi {
       });
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -1081,7 +1084,7 @@ export default class EmbeddedChatApi {
       });
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -1102,7 +1105,7 @@ export default class EmbeddedChatApi {
       );
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -1122,7 +1125,7 @@ export default class EmbeddedChatApi {
       );
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
@@ -1142,7 +1145,7 @@ export default class EmbeddedChatApi {
       );
       return await response.json();
     } catch (err) {
-      console.error(err);
+      console.error(err instanceof Error ? err.message : err);
     }
   }
 
diff --git a/packages/docs/package.json b/packages/docs/package.json
@@ -42,6 +42,6 @@
     "webpack": "5.96.1"
   },
   "engines": {
-    "node": ">=22.0"
+    "node": ">=24.0.0"
   }
 }
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -37,14 +37,14 @@
     "@rollup/plugin-commonjs": "^21.0.2",
     "@rollup/plugin-node-resolve": "^13.1.3",
     "@rollup/plugin-replace": "^5.0.2",
-    "@storybook/addon-essentials": "^8.0.0",
-    "@storybook/addon-interactions": "^8.0.0",
-    "@storybook/addon-links": "^8.0.0",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.0",
-    "@storybook/blocks": "^8.0.0",
-    "@storybook/react": "^8.0.0",
-    "@storybook/react-webpack5": "^8.0.0",
-    "@storybook/test": "^8.0.0",
+    "@storybook/addon-essentials": "^8.6.18",
+    "@storybook/addon-interactions": "^8.6.18",
+    "@storybook/addon-links": "^8.6.18",
+    "@storybook/addon-webpack5-compiler-babel": "~3.0.0",
+    "@storybook/blocks": "^8.6.18",
+    "@storybook/react": "^8.6.18",
+    "@storybook/react-webpack5": "^8.6.18",
+    "@storybook/test": "^8.6.18",
     "@testing-library/react": "^12.1.4",
     "babel-jest": "^27.5.1",
     "concurrently": "^7.2.0",
@@ -75,8 +75,7 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
     "sass": "^1.66.1",
-    "schedule": "^0.4.0",
-    "storybook": "^8.0.0"
+    "storybook": "^8.6.18"
   },
   "peerDependencies": {
     "react": ">=19.0.0 <20.0.0",
diff --git a/packages/react/src/views/EmbeddedChat.js b/packages/react/src/views/EmbeddedChat.js
diff --git a/packages/ui-elements/package.json b/packages/ui-elements/package.json
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -114,7 +114,7 @@ export default class EmbeddedChatApi {`
`114`	`114`	`return response;`
`115`	`115`	`}`
`116`	`116`	`} catch (err) {`
`117`		`- console.error(err);`
	`117`	`+ console.error(err instanceof Error ? err.message : err);`
`118`	`118`	`}`
`119`	`119`	`}`
`120`	`120`
`@@ -143,7 +143,7 @@ export default class EmbeddedChatApi {`
`143`	`143`	`const authErrorRes = await error.response.json();`
`144`	`144`	`return { error: authErrorRes?.error };`
`145`	`145`	`}`
`146`		`- console.error(error);`
	`146`	`+ console.error(error instanceof Error ? error.message : error);`
`147`	`147`	`}`
`148`	`148`	`}`
`149`	`149`
`@@ -170,15 +170,18 @@ export default class EmbeddedChatApi {`
`170`	`170`	`break;`
`171`	`171`	`}`
`172`	`172`	`} catch (error) {`
`173`		`- console.error("Auto-login failed:", error);`
	`173`	`+ console.error(`
	`174`	`+ "Auto-login failed:",`
	`175`	`+ error instanceof Error ? error.message : error`
	`176`	`+ );`
`174`	`177`	`}`
`175`	`178`	`}`
`176`	`179`
`177`	`180`	`async logout() {`
`178`	`181`	`try {`
`179`	`182`	`await this.auth.logout();`
`180`	`183`	`} catch (err) {`
`181`		`- console.error(err);`
	`184`	`+ console.error(err instanceof Error ? err.message : err);`
`182`	`185`	`}`
`183`	`186`	`}`
`184`	`187`
`@@ -402,7 +405,7 @@ export default class EmbeddedChatApi {`
`402`	`405`	`}`
`403`	`406`	`return await response.json();`
`404`	`407`	`} catch (err) {`
`405`		`- console.error(err);`
	`408`	`+ console.error(err instanceof Error ? err.message : err);`
`406`	`409`	`}`
`407`	`410`	`}`
`408`	`411`
`@@ -440,7 +443,7 @@ export default class EmbeddedChatApi {`
`440`	`443`	`return await response2.json();`
`441`	`444`	`}`
`442`	`445`	`} catch (error) {`
`443`		`- console.error(error);`
	`446`	`+ console.error(error instanceof Error ? error.message : error);`
`444`	`447`	`}`
`445`	`448`	`}`
`446`	`449`
`@@ -475,7 +478,7 @@ export default class EmbeddedChatApi {`
`475`	`478`	`}`
`476`	`479`	`return result;`
`477`	`480`	`} catch (err) {`
`478`		`- console.error(err);`
	`481`	`+ console.error(err instanceof Error ? err.message : err);`
`479`	`482`	`}`
`480`	`483`	`} else {`
`481`	`484`	`return this.updateUserNameThroughSuggestion(userid);`
`@@ -498,15 +501,15 @@ export default class EmbeddedChatApi {`
`498`	`501`	`);`
`499`	`502`	`return await response.json();`
`500`	`503`	`} catch (err) {`
`501`		`- console.error(err);`
	`504`	`+ console.error(err instanceof Error ? err.message : err);`
`502`	`505`	`}`
`503`	`506`	`}`
`504`	`507`
`505`	`508`	`async getRoomInfo() {`
`506`	`509`	`try {`
`507`	`510`	`return await this.channelInfo();`
`508`	`511`	`} catch (err) {`
`509`		`- console.error(err);`
	`512`	`+ console.error(err instanceof Error ? err.message : err);`
`510`	`513`	`}`
`511`	`514`	`}`
`512`	`515`
`@@ -523,7 +526,7 @@ export default class EmbeddedChatApi {`
`523`	`526`	`});`
`524`	`527`	`return await response.json();`
`525`	`528`	`} catch (err) {`
`526`		`- console.error(err);`
	`529`	`+ console.error(err instanceof Error ? err.message : err);`
`527`	`530`	`}`
`528`	`531`	`}`
`529`	`532`
`@@ -687,7 +690,7 @@ export default class EmbeddedChatApi {`
`687`	`690`	`}`
`688`	`691`	`return { result: [] };`
`689`	`692`	`} catch (err) {`
`690`		`- console.error(err);`
	`693`	`+ console.error(err instanceof Error ? err.message : err);`
`691`	`694`	`return { result: [] };`
`692`	`695`	`}`
`693`	`696`	`}`
`@@ -736,7 +739,7 @@ export default class EmbeddedChatApi {`
`736`	`739`	`});`
`737`	`740`	`return await response.json();`
`738`	`741`	`} catch (err) {`
`739`		`- console.error(err);`
	`742`	`+ console.error(err instanceof Error ? err.message : err);`
`740`	`743`	`}`
`741`	`744`	`}`
`742`	`745`
`@@ -754,7 +757,7 @@ export default class EmbeddedChatApi {`
`754`	`757`	`});`
`755`	`758`	`return await response.json();`
`756`	`759`	`} catch (err) {`
`757`		`- console.error(err);`
	`760`	`+ console.error(err instanceof Error ? err.message : err);`
`758`	`761`	`}`
`759`	`762`	`}`
`760`	`763`
`@@ -772,7 +775,7 @@ export default class EmbeddedChatApi {`
`772`	`775`	`});`
`773`	`776`	`return await response.json();`
`774`	`777`	`} catch (err) {`
`775`		`- console.error(err);`
	`778`	`+ console.error(err instanceof Error ? err.message : err);`
`776`	`779`	`}`
`777`	`780`	`}`
`778`	`781`
`@@ -794,7 +797,7 @@ export default class EmbeddedChatApi {`
`794`	`797`	`});`
`795`	`798`	`return await response.json();`
`796`	`799`	`} catch (err) {`
`797`		`- console.error(err);`
	`800`	`+ console.error(err instanceof Error ? err.message : err);`
`798`	`801`	`}`
`799`	`802`	`}`
`800`	`803`
`@@ -814,7 +817,7 @@ export default class EmbeddedChatApi {`
`814`	`817`	`);`
`815`	`818`	`return await response.json();`
`816`	`819`	`} catch (err) {`
`817`		`- console.error(err);`
	`820`	`+ console.error(err instanceof Error ? err.message : err);`
`818`	`821`	`}`
`819`	`822`	`}`
`820`	`823`
`@@ -832,7 +835,7 @@ export default class EmbeddedChatApi {`
`832`	`835`	`});`
`833`	`836`	`return await response.json();`
`834`	`837`	`} catch (err) {`
`835`		`- console.error(err);`
	`838`	`+ console.error(err instanceof Error ? err.message : err);`
`836`	`839`	`}`
`837`	`840`	`}`
`838`	`841`
`@@ -850,7 +853,7 @@ export default class EmbeddedChatApi {`
`850`	`853`	`});`
`851`	`854`	`return await response.json();`
`852`	`855`	`} catch (err) {`
`853`		`- console.error(err);`
	`856`	`+ console.error(err instanceof Error ? err.message : err);`
`854`	`857`	`}`
`855`	`858`	`}`
`856`	`859`
`@@ -870,7 +873,7 @@ export default class EmbeddedChatApi {`
`870`	`873`	`);`
`871`	`874`	`return await response.json();`
`872`	`875`	`} catch (err) {`
`873`		`- console.error(err);`
	`876`	`+ console.error(err instanceof Error ? err.message : err);`
`874`	`877`	`}`
`875`	`878`	`}`
`876`	`879`
`@@ -890,7 +893,7 @@ export default class EmbeddedChatApi {`
`890`	`893`	`);`
`891`	`894`	`return await response.json();`
`892`	`895`	`} catch (err) {`
`893`		`- console.error(err);`
	`896`	`+ console.error(err instanceof Error ? err.message : err);`
`894`	`897`	`}`
`895`	`898`	`}`
`896`	`899`
`@@ -910,7 +913,7 @@ export default class EmbeddedChatApi {`
`910`	`913`	`);`
`911`	`914`	`return await response.json();`
`912`	`915`	`} catch (err) {`
`913`		`- console.error(err);`
	`916`	`+ console.error(err instanceof Error ? err.message : err);`
`914`	`917`	`}`
`915`	`918`	`}`
`916`	`919`
`@@ -948,7 +951,7 @@ export default class EmbeddedChatApi {`
`948`	`951`	`});`
`949`	`952`	`return await response.json();`
`950`	`953`	`} catch (err) {`
`951`		`- console.error(err);`
	`954`	`+ console.error(err instanceof Error ? err.message : err);`
`952`	`955`	`}`
`953`	`956`	`}`
`954`	`957`
`@@ -970,7 +973,7 @@ export default class EmbeddedChatApi {`
`970`	`973`	`});`
`971`	`974`	`return await response.json();`
`972`	`975`	`} catch (err) {`
`973`		`- console.error(err);`
	`976`	`+ console.error(err instanceof Error ? err.message : err);`
`974`	`977`	`}`
`975`	`978`	`}`
`976`	`979`
`@@ -988,7 +991,7 @@ export default class EmbeddedChatApi {`
`988`	`991`	`});`
`989`	`992`	`return await response.json();`
`990`	`993`	`} catch (err) {`
`991`		`- console.error(err);`
	`994`	`+ console.error(err instanceof Error ? err.message : err);`
`992`	`995`	`}`
`993`	`996`	`}`
`994`	`997`
`@@ -1081,7 +1084,7 @@ export default class EmbeddedChatApi {`
`1081`	`1084`	`});`
`1082`	`1085`	`return await response.json();`
`1083`	`1086`	`} catch (err) {`
`1084`		`- console.error(err);`
	`1087`	`+ console.error(err instanceof Error ? err.message : err);`
`1085`	`1088`	`}`
`1086`	`1089`	`}`
`1087`	`1090`
`@@ -1102,7 +1105,7 @@ export default class EmbeddedChatApi {`
`1102`	`1105`	`);`
`1103`	`1106`	`return await response.json();`
`1104`	`1107`	`} catch (err) {`
`1105`		`- console.error(err);`
	`1108`	`+ console.error(err instanceof Error ? err.message : err);`
`1106`	`1109`	`}`
`1107`	`1110`	`}`
`1108`	`1111`
`@@ -1122,7 +1125,7 @@ export default class EmbeddedChatApi {`
`1122`	`1125`	`);`
`1123`	`1126`	`return await response.json();`
`1124`	`1127`	`} catch (err) {`
`1125`		`- console.error(err);`
	`1128`	`+ console.error(err instanceof Error ? err.message : err);`
`1126`	`1129`	`}`
`1127`	`1130`	`}`
`1128`	`1131`
`@@ -1142,7 +1145,7 @@ export default class EmbeddedChatApi {`
`1142`	`1145`	`);`
`1143`	`1146`	`return await response.json();`
`1144`	`1147`	`} catch (err) {`
`1145`		`- console.error(err);`
	`1148`	`+ console.error(err instanceof Error ? err.message : err);`
`1146`	`1149`	`}`
`1147`	`1150`	`}`
`1148`	`1151`
Original file line number	Diff line number	Diff line change
`@@ -42,6 +42,6 @@`
`42`	`42`	`"webpack": "5.96.1"`
`43`	`43`	`},`
`44`	`44`	`"engines": {`
`45`		`- "node": ">=22.0"`
	`45`	`+ "node": ">=24.0.0"`
`46`	`46`	`}`
`47`	`47`	`}`