fix: resolve build failures for intelligent-data-chart-generator, hello-world-tab-with-backend, and todo-list-with-Azure-backend-M365

hello-world-tab-with-backend/api/package.json

@@ -24,7 +24,8 @@
   },
   "devDependencies": {
     "env-cmd": "^10.1.0",
-    "typescript": "^4.4.4"
+    "@types/node": "^20.17.12",
+    "typescript": "^5.6.3"
   },
   "main": "dist/src/functions/*.js"
 }

hello-world-tab-with-backend/api/tsconfig.json

@@ -1,14 +1,14 @@
 {
   "compilerOptions": {
-    "module": "commonjs",
-    "target": "es6",
+    "module": "NodeNext",
+    "target": "ES2022",
     "outDir": "dist",
     "rootDir": ".",
     "sourceMap": true,
     "strict": false,
     "typeRoots": ["./node_modules/@types"],
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
-    "moduleResolution": "nodenext",
+    "moduleResolution": "NodeNext"
   }
-}
+}

hello-world-tab-with-backend/src/components/sample/lib/useData.ts

@@ -64,7 +64,10 @@ export function useData<T>(
       .catch((error) => dispatch({ type: "error", error }));
   }
   useEffect(() => {
+    // Intentionally run only once on mount to auto-fetch initial data.
+    // We don't want to re-fetch when `auto` or `reload` changes.
     if (auto) reload();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return { data, loading, error, reload };
-}
+}

hello-world-tab-with-backend/src/components/sample/lib/useTeams.ts

@@ -68,7 +68,11 @@ export function useTeams(options?: {
     ? options.setThemeHandler
     : themeChangeHandler;
   useEffect(() => {
-    // set initial theme based on options or query string
+    // Intentionally run only once on mount to initialize Teams SDK and register event handlers.
+    // Teams SDK initialization and event registration should not be repeated on re-renders.
+    // The initial theme is captured once via useState, so it won't cause stale closure issues.
+
+    // Set initial theme based on options or query string
     if (initialTheme) {
       overrideThemeHandler(initialTheme);
     }
@@ -100,10 +104,11 @@ export function useTeams(options?: {
         setLoading(false);
         setInTeams(false);
       });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   return [
     { inTeams, fullScreen, theme, context, themeString, loading },
     { setTheme: overrideThemeHandler },
   ];
-}
+}

intelligent-data-chart-generator/api/package.json

@@ -16,7 +16,8 @@
   },
   "devDependencies": {
     "env-cmd": "^10.1.0",
-    "typescript": "^4.9.5"
+    "@types/node": "^20.17.12",
+    "typescript": "^5.6.3"
   },
   "main": "dist/src/functions/*.js"
 }

intelligent-data-chart-generator/api/tsconfig.json

@@ -1,17 +1,15 @@
 {
   "compilerOptions": {
-    "module": "commonjs",
-    "target": "es6",
+    "module": "NodeNext",
+    "target": "ES2022",
     "outDir": "dist",
     "rootDir": ".",
     "sourceMap": true,
     "strict": false,
     "esModuleInterop": true,
     "resolveJsonModule": true,
-    "typeRoots": [
-      "./node_modules/@types"
-    ],
+    "typeRoots": ["./node_modules/@types"],
     "allowSyntheticDefaultImports": true,
-    "moduleResolution": "nodenext",
+    "moduleResolution": "NodeNext"
   }
 }