chore: typescript 5.7 (#8327)

* chore: typescript 5.7 and run tests against ts 5.0 - 5.7 * chore: make eslint happy * chore: type import issue * chore: the type assertion is necessary for ts 5.4 and lower * fix: write code so that it narrows in all ts versions * fix: import assertion * fix: angular examples stay at typescript 5.4 * Add JSON import attribute, update vue-tsc * angular fixes * Fix vue-tsc compatibility --------- Co-authored-by: Arnoud de Vries <6420061+arnoud-dv@users.noreply.github.com> Co-authored-by: Lachlan Collins <1667261+lachlancollins@users.noreply.github.com>
TanStack · Nov 25, 2024 · ef0b7b2 · ef0b7b2
1 parent ecc17d5
commit ef0b7b2
Show file tree

Hide file tree

Showing 83 changed files with 900 additions and 669 deletions.
diff --git a/.github/renovate.json b/.github/renovate.json
@@ -26,12 +26,14 @@
     "react-dom",
     "tsup",
     "typescript",
-    "typescript47",
-    "typescript48",
-    "typescript49",
     "typescript50",
     "typescript51",
     "typescript52",
+    "typescript53",
+    "typescript54",
+    "typescript55",
+    "typescript56",
+    "typescript57",
     "vue",
     "vue-tsc",
     "vue2",

diff --git a/examples/angular/basic/package.json b/examples/angular/basic/package.json
@@ -23,6 +23,6 @@
     "@angular-devkit/build-angular": "^17.3.8",
     "@angular/cli": "^17.3.8",
     "@angular/compiler-cli": "^17.3.12",
-    "typescript": "5.3.3"
+    "typescript": "5.4.5"
   }
 }
diff --git a/examples/angular/devtools-panel/package.json b/examples/angular/devtools-panel/package.json
@@ -15,8 +15,8 @@
     "@angular/platform-browser": "^17.3.12",
     "@angular/platform-browser-dynamic": "^17.3.12",
     "@angular/router": "^17.3.12",
-    "@tanstack/angular-query-experimental": "^5.61.3",
     "@tanstack/angular-query-devtools-experimental": "^5.61.3",
+    "@tanstack/angular-query-experimental": "^5.61.3",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
     "zone.js": "^0.14.8"
@@ -25,6 +25,6 @@
     "@angular-devkit/build-angular": "^17.3.8",
     "@angular/cli": "^17.3.8",
     "@angular/compiler-cli": "^17.3.12",
-    "typescript": "5.3.3"
+    "typescript": "5.4.5"
   }
 }
diff --git a/examples/angular/infinite-query-with-max-pages/package.json b/examples/angular/infinite-query-with-max-pages/package.json
@@ -23,6 +23,6 @@
     "@angular-devkit/build-angular": "^17.3.8",
     "@angular/cli": "^17.3.8",
     "@angular/compiler-cli": "^17.3.12",
-    "typescript": "5.3.3"
+    "typescript": "5.4.5"
   }
 }
diff --git a/examples/angular/pagination/package.json b/examples/angular/pagination/package.json
@@ -23,6 +23,6 @@
     "@angular-devkit/build-angular": "^17.3.8",
     "@angular/cli": "^17.3.8",
     "@angular/compiler-cli": "^17.3.12",
-    "typescript": "5.3.3"
+    "typescript": "5.4.5"
   }
 }
diff --git a/examples/angular/query-options-from-a-service/package.json b/examples/angular/query-options-from-a-service/package.json
@@ -24,6 +24,6 @@
     "@angular-devkit/build-angular": "^17.3.8",
     "@angular/cli": "^17.3.8",
     "@angular/compiler-cli": "^17.3.12",
-    "typescript": "5.3.3"
+    "typescript": "5.4.5"
   }
 }
diff --git a/examples/angular/router/package.json b/examples/angular/router/package.json
@@ -24,6 +24,6 @@
     "@angular-devkit/build-angular": "^17.3.8",
     "@angular/cli": "^17.3.8",
     "@angular/compiler-cli": "^17.3.12",
-    "typescript": "5.3.3"
+    "typescript": "5.4.5"
   }
 }
diff --git a/examples/angular/rxjs/package.json b/examples/angular/rxjs/package.json
@@ -24,6 +24,6 @@
     "@angular-devkit/build-angular": "^17.3.8",
     "@angular/cli": "^17.3.8",
     "@angular/compiler-cli": "^17.3.12",
-    "typescript": "5.3.3"
+    "typescript": "5.4.5"
   }
 }
diff --git a/examples/angular/simple/package.json b/examples/angular/simple/package.json
@@ -23,6 +23,6 @@
     "@angular-devkit/build-angular": "^17.3.8",
     "@angular/cli": "^17.3.8",
     "@angular/compiler-cli": "^17.3.12",
-    "typescript": "5.3.3"
+    "typescript": "5.4.5"
   }
 }
diff --git a/examples/react/algolia/package.json b/examples/react/algolia/package.json
@@ -20,7 +20,7 @@
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
     "@vitejs/plugin-react": "^4.3.3",
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5"
   }
 }
diff --git a/examples/react/auto-refetching/package.json b/examples/react/auto-refetching/package.json
@@ -17,6 +17,6 @@
   "devDependencies": {
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
-    "typescript": "5.3.3"
+    "typescript": "5.7.2"
   }
 }
diff --git a/examples/react/basic/package.json b/examples/react/basic/package.json
@@ -21,7 +21,7 @@
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
     "@vitejs/plugin-react": "^4.3.3",
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5"
   }
 }
diff --git a/examples/react/default-query-function/package.json b/examples/react/default-query-function/package.json
@@ -15,7 +15,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.3",
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5"
   }
 }
diff --git a/examples/react/devtools-panel/package.json b/examples/react/devtools-panel/package.json
@@ -15,7 +15,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.3",
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5"
   }
 }
diff --git a/examples/react/infinite-query-with-max-pages/package.json b/examples/react/infinite-query-with-max-pages/package.json
@@ -17,6 +17,6 @@
   "devDependencies": {
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
-    "typescript": "5.3.3"
+    "typescript": "5.7.2"
   }
 }
diff --git a/examples/react/load-more-infinite-scroll/package.json b/examples/react/load-more-infinite-scroll/package.json
@@ -18,6 +18,6 @@
   "devDependencies": {
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
-    "typescript": "5.3.3"
+    "typescript": "5.7.2"
   }
 }
diff --git a/examples/react/nextjs-app-prefetching/package.json b/examples/react/nextjs-app-prefetching/package.json
@@ -18,6 +18,6 @@
   "devDependencies": {
     "@types/react": "npm:types-react@rc",
     "@types/react-dom": "npm:types-react-dom@rc",
-    "typescript": "5.3.3"
+    "typescript": "5.7.2"
   }
 }
diff --git a/examples/react/nextjs-suspense-streaming/package.json b/examples/react/nextjs-suspense-streaming/package.json
@@ -18,6 +18,6 @@
   },
   "devDependencies": {
     "@types/react": "^18.2.79",
-    "typescript": "5.3.3"
+    "typescript": "5.7.2"
   }
 }
diff --git a/examples/react/nextjs/package.json b/examples/react/nextjs/package.json
@@ -17,6 +17,6 @@
   "devDependencies": {
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
-    "typescript": "5.3.3"
+    "typescript": "5.7.2"
   }
 }
diff --git a/examples/react/offline/package.json b/examples/react/offline/package.json
@@ -20,7 +20,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.3",
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5"
   },
   "msw": {

diff --git a/examples/react/optimistic-updates-cache/package.json b/examples/react/optimistic-updates-cache/package.json
@@ -18,6 +18,6 @@
   "devDependencies": {
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
-    "typescript": "5.3.3"
+    "typescript": "5.7.2"
   }
 }
diff --git a/examples/react/optimistic-updates-ui/package.json b/examples/react/optimistic-updates-ui/package.json
@@ -17,6 +17,6 @@
   "devDependencies": {
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
-    "typescript": "5.3.3"
+    "typescript": "5.7.2"
   }
 }
diff --git a/examples/react/pagination/package.json b/examples/react/pagination/package.json
@@ -17,6 +17,6 @@
   "devDependencies": {
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
-    "typescript": "5.3.3"
+    "typescript": "5.7.2"
   }
 }
diff --git a/examples/react/playground/package.json b/examples/react/playground/package.json
@@ -15,7 +15,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.3",
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5"
   }
 }
diff --git a/examples/react/prefetching/package.json b/examples/react/prefetching/package.json
@@ -17,6 +17,6 @@
   "devDependencies": {
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
-    "typescript": "5.3.3"
+    "typescript": "5.7.2"
   }
 }
diff --git a/examples/react/react-native/package.json b/examples/react/react-native/package.json
@@ -31,6 +31,6 @@
   "devDependencies": {
     "@babel/core": "^7.24.9",
     "@expo/config": "^10.0.5",
-    "typescript": "5.3.3"
+    "typescript": "5.7.2"
   }
 }
diff --git a/examples/react/react-router/package.json b/examples/react/react-router/package.json
@@ -25,7 +25,7 @@
     "@types/react-dom": "^18.2.25",
     "@types/sort-by": "^1.2.3",
     "@vitejs/plugin-react": "^4.3.3",
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5"
   }
 }
diff --git a/examples/react/react-router/src/routes/contact.tsx b/examples/react/react-router/src/routes/contact.tsx
@@ -1,17 +1,9 @@
-import {
-  ActionFunctionArgs,
-  Form,
-  Link,
-  LoaderFunctionArgs,
-  useFetcher,
-  useLoaderData,
-} from 'react-router-dom'
-import { Contact, getContact, updateContact } from '../contacts'
-import {
-  QueryClient,
-  queryOptions,
-  useSuspenseQuery,
-} from '@tanstack/react-query'
+import { Form, Link, useFetcher, useLoaderData } from 'react-router-dom'
+import { queryOptions, useSuspenseQuery } from '@tanstack/react-query'
+import { getContact, updateContact } from '../contacts'
+import type { ActionFunctionArgs, LoaderFunctionArgs } from 'react-router-dom'
+import type { Contact } from '../contacts'
+import type { QueryClient } from '@tanstack/react-query'
 
 export const contactDetailQuery = (id: string) =>
   queryOptions({
@@ -41,7 +33,7 @@ export const loader =
 export const action =
   (queryClient: QueryClient) =>
   async ({ request, params }: ActionFunctionArgs) => {
-    let formData = await request.formData()
+    const formData = await request.formData()
     if (!params.contactId) {
       throw new Error('No contact ID provided')
     }
@@ -94,7 +86,6 @@ export default function Contact() {
             method="post"
             action="destroy"
             onSubmit={(event) => {
-              // eslint-disable-next-line no-restricted-globals
               if (!confirm('Please confirm you want to delete this record.')) {
                 event.preventDefault()
               }

diff --git a/examples/react/rick-morty/package.json b/examples/react/rick-morty/package.json
@@ -21,7 +21,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.3",
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5"
   }
 }
diff --git a/examples/react/shadow-dom/package.json b/examples/react/shadow-dom/package.json
@@ -18,7 +18,7 @@
     "@types/react": "npm:types-react@rc",
     "@types/react-dom": "npm:types-react-dom@rc",
     "@vitejs/plugin-react": "^4.3.3",
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5"
   }
 }
diff --git a/examples/react/simple/package.json b/examples/react/simple/package.json
@@ -15,7 +15,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.3",
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5"
   }
 }
diff --git a/examples/react/star-wars/package.json b/examples/react/star-wars/package.json
@@ -21,7 +21,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.3",
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5"
   }
 }
diff --git a/examples/react/suspense/package.json b/examples/react/suspense/package.json
@@ -17,7 +17,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.3",
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5"
   }
 }
diff --git a/examples/solid/astro/package.json b/examples/solid/astro/package.json
@@ -20,6 +20,6 @@
     "astro": "^4.16.1",
     "solid-js": "^1.9.3",
     "tailwindcss": "^3.4.7",
-    "typescript": "5.3.3"
+    "typescript": "5.7.2"
   }
 }
diff --git a/examples/solid/basic-graphql-request/package.json b/examples/solid/basic-graphql-request/package.json
@@ -16,7 +16,7 @@
     "solid-js": "^1.9.3"
   },
   "devDependencies": {
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5",
     "vite-plugin-solid": "^2.10.2"
   }

diff --git a/examples/solid/basic/package.json b/examples/solid/basic/package.json
@@ -14,7 +14,7 @@
     "solid-js": "^1.9.3"
   },
   "devDependencies": {
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5",
     "vite-plugin-solid": "^2.10.2"
   }

diff --git a/examples/solid/default-query-function/package.json b/examples/solid/default-query-function/package.json
@@ -14,7 +14,7 @@
     "solid-js": "^1.9.3"
   },
   "devDependencies": {
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5",
     "vite-plugin-solid": "^2.10.2"
   }

diff --git a/examples/solid/simple/package.json b/examples/solid/simple/package.json
@@ -15,7 +15,7 @@
   },
   "devDependencies": {
     "@tanstack/eslint-plugin-query": "^5.61.3",
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5",
     "vite-plugin-solid": "^2.10.2"
   }

diff --git a/examples/svelte/auto-refetching/package.json b/examples/svelte/auto-refetching/package.json
@@ -18,7 +18,7 @@
     "@sveltejs/vite-plugin-svelte": "^3.1.2",
     "svelte": "^4.2.18",
     "svelte-check": "^4.0.0",
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5"
   }
 }
diff --git a/examples/svelte/basic/package.json b/examples/svelte/basic/package.json
@@ -20,7 +20,7 @@
     "@sveltejs/vite-plugin-svelte": "^3.1.2",
     "svelte": "^4.2.18",
     "svelte-check": "^4.0.0",
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5"
   }
 }
diff --git a/examples/svelte/load-more-infinite-scroll/package.json b/examples/svelte/load-more-infinite-scroll/package.json
@@ -18,7 +18,7 @@
     "@sveltejs/vite-plugin-svelte": "^3.1.2",
     "svelte": "^4.2.18",
     "svelte-check": "^4.0.0",
-    "typescript": "5.3.3",
+    "typescript": "5.7.2",
     "vite": "^5.3.5"
   }
 }