[no-Jira] Migrate to TypeScript 6

.yarn/sdks/typescript/package.json

@@ -1,6 +1,6 @@
 {
   "name": "typescript",
-  "version": "5.6.3-sdk",
+  "version": "6.0.3-sdk",
   "main": "./lib/typescript.js",
   "type": "commonjs",
   "bin": {

app.d.ts

@@ -5,4 +5,5 @@ declare module '*.graphql' {
   export = value;
 }
 
+declare module '*.css';
 declare module '*.svg';

i18next.d.ts

@@ -0,0 +1,13 @@
+// Narrow react-i18next's `t()` return type to `string`. Without this,
+// TFunction's TDefaultResult widens to `TFunctionResult | ReactNode`,
+// which doesn't satisfy MUI props like `aria-label: string | undefined`.
+//
+// Remove this file once i18next is upgraded to v22+ and react-i18next to v12+,
+// where `t()` returns `string` by default and this workaround is unnecessary.
+import 'react-i18next';
+
+declare module 'react-i18next' {
+  interface Resources {
+    translation: Record<string, string>;
+  }
+}

package.json

@@ -68,7 +68,6 @@
     "next-auth": "^4.24.11",
     "next-optimized-images": "^2.6.2",
     "next-pwa": "^5.6.0",
-    "node-fetch": "^3.3.2",
     "notistack": "^2.0.5",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
@@ -141,7 +140,7 @@
     "prettier": "^3.6.2",
     "puppeteer": "24.4.0",
     "ts-essentials": "^9.3.0",
-    "typescript": "~5.6.3",
+    "typescript": "~6.0.0",
     "url-loader": "^4.1.1",
     "webpack": "^5.96.1"
   },

pages/acceptInvite.test.tsx

@@ -3,9 +3,7 @@ import { render, waitFor } from '@testing-library/react';
 import { SnackbarProvider } from 'notistack';
 import TestRouter from '__tests__/util/TestRouter';
 import AcceptInvitePage from './acceptInvite.page';
-import 'node-fetch';
 
-jest.mock('node-fetch', () => jest.fn());
 jest.mock('src/hooks/useAccountListId');
 const mockPush = jest.fn();
 const dashboardLink = '/accountLists/_/';

pages/api/auth/[...nextauth].page.ts

@@ -1,6 +1,5 @@
 import { NextApiRequest, NextApiResponse } from 'next';
 import NextAuth, { NextAuthOptions } from 'next-auth';
-import { Provider } from 'next-auth/providers';
 import OktaProvider from 'next-auth/providers/okta';
 import rollbar, { isRollBarEnabled } from 'pages/api/utils/rollBar';
 import {
@@ -95,7 +94,7 @@ if (
   );
 }
 
-const providersArray: Provider[] = [];
+const providersArray: NextAuthOptions['providers'] = [];
 
 if (AUTH_PROVIDER === 'OKTA') {
   providersArray.push(

pages/api/auth/impersonate/impersonateHelper.ts

@@ -1,6 +1,5 @@
 import { NextApiRequest } from 'next';
 import { getToken } from 'next-auth/jwt';
-import fetch from 'node-fetch';
 import { getErrorMessage } from 'src/lib/getErrorFromCatch';
 import { cookieDefaultInfo } from '../../utils/cookies';
 import { signValue } from '../helpers';

pages/api/csv-update.page.ts

@@ -1,7 +1,6 @@
 import { NextApiRequest, NextApiResponse } from 'next';
 import formidable, { IncomingForm } from 'formidable';
 import { getToken } from 'next-auth/jwt';
-import fetch from 'node-fetch';
 import createPatch from 'src/lib/createPatch';
 import { camelToSnakeObject } from 'src/lib/snakeToCamel';
 

pages/api/uploads/csv-upload.page.ts

@@ -1,8 +1,7 @@
-import { readFile } from 'fs/promises';
+import { openAsBlob } from 'node:fs';
 import { NextApiRequest, NextApiResponse } from 'next';
 import formidable, { IncomingForm } from 'formidable';
 import { getToken } from 'next-auth/jwt';
-import fetch, { File, FormData } from 'node-fetch';
 
 export const config = {
   api: {
@@ -54,7 +53,7 @@ const uploadFile = async (
     }
 
     const csvFile = new File(
-      [await readFile(file.filepath)],
+      [await openAsBlob(file.filepath)],
       file.originalFilename ?? 'csvFile',
     );
 

pages/api/uploads/upload-person-avatar.page.ts

@@ -1,8 +1,7 @@
-import { readFile } from 'fs/promises';
+import { openAsBlob } from 'node:fs';
 import { NextApiRequest, NextApiResponse } from 'next';
 import formidable, { IncomingForm } from 'formidable';
 import { getToken } from 'next-auth/jwt';
-import fetch, { File, FormData } from 'node-fetch';
 
 export const config = {
   api: {
@@ -59,7 +58,7 @@ const uploadPersonAvatar = async (
 
     const pictureId = crypto.randomUUID();
     const file = new File(
-      [await readFile(avatar.filepath)],
+      [await openAsBlob(avatar.filepath)],
       avatar.originalFilename ?? 'avatar',
     );
 

src/components/Shared/MassActions/MassActionsDropdown.tsx

@@ -17,7 +17,7 @@ const ActionsButton = styled(Button)(({ theme }) => ({
 
 interface MassActionsDropdownProps {
   handleClick: (event: React.MouseEvent<HTMLElement>) => void;
-  children: React.ReactElement;
+  children: React.ReactNode;
   disabled?: boolean;
   open: boolean;
 }

tsconfig.json

@@ -1,8 +1,7 @@
 {
   "compilerOptions": {
-    "baseUrl": ".",
     "target": "esnext",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": ["dom", "esnext"],
     "allowJs": true,
     "checkJs": true,
     "skipLibCheck": true,
@@ -12,14 +11,21 @@
     "incremental": true,
     "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "noImplicitAny": false,
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve"
+    "jsx": "preserve",
+    "types": ["node", "jest", "@testing-library/jest-dom"],
+    "paths": {
+      "src/*": ["./src/*"],
+      "pages/*": ["./pages/*"],
+      "__tests__/*": ["./__tests__/*"]
+    }
   },
   "include": [
     "app.d.ts",
+    "i18next.d.ts",
     "next-env.d.ts",
     "__tests__/jest.d.ts",
     "**/*.ts",