chore: update typescript version to 5.7.2 (#1374)

# Overview  This PR upgrades to the newest stable version of typescript to align with Tanstack query's version change (TanStack/query#8327) ## PR Checklist - [✅] I did below actions if need 1. I read the [Contributing Guide](https://github.com/toss/suspensive/blob/main/CONTRIBUTING.md) 2. I added documents and tests. --------- Co-authored-by: Jonghyeon Ko <[email protected]>
toss · Dec 10, 2024 · 7af2803 · 7af2803
1 parent e6ec403
commit 7af2803
Show file tree

Hide file tree

Showing 5 changed files with 583 additions and 382 deletions.
diff --git a/examples/react-native-playground/package.json b/examples/react-native-playground/package.json
@@ -49,7 +49,7 @@
     "jest": "catalog:",
     "jest-expo": "catalog:react-native",
     "react-test-renderer": "18.3.1",
-    "typescript": "^5.3.3"
+    "typescript": "^5.7.2"
   },
   "jest": {
     "preset": "jest-expo"

diff --git a/package.json b/package.json
@@ -70,7 +70,7 @@
     "sherif": "^1.0.2",
     "tsup": "^8.3.5",
     "turbo": "^2.3.3",
-    "typescript": "^5.4.5",
+    "typescript": "^5.7.2",
     "vite": "^6.0.3",
     "vitest": "^2.1.8"
   }

diff --git a/packages/react-query-4/src/SuspenseInfiniteQuery.test-d.tsx b/packages/react-query-4/src/SuspenseInfiniteQuery.test-d.tsx
@@ -15,7 +15,15 @@ describe('<SuspenseInfiniteQuery/>', () => {
         //@ts-expect-error no suspense
         suspense={boolean}
       >
-        {(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
+        {(query) => (
+          <>
+            {query.data.pages
+              .filter(({ text }) => text)
+              .map((item, index) => (
+                <div key={index}>{item.text}</div>
+              ))}
+          </>
+        )}
       </SuspenseInfiniteQuery>
     ))()
     ;(() => (
@@ -25,7 +33,15 @@ describe('<SuspenseInfiniteQuery/>', () => {
         //@ts-expect-error no useErrorBoundary
         useErrorBoundary={boolean}
       >
-        {(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
+        {(query) => (
+          <>
+            {query.data.pages
+              .filter(({ text }) => text)
+              .map((item, index) => (
+                <div key={index}>{item.text}</div>
+              ))}
+          </>
+        )}
       </SuspenseInfiniteQuery>
     ))()
     ;(() => (
@@ -35,7 +51,15 @@ describe('<SuspenseInfiniteQuery/>', () => {
         //@ts-expect-error no enabled
         enabled={boolean}
       >
-        {(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
+        {(query) => (
+          <>
+            {query.data.pages
+              .filter(({ text }) => text)
+              .map((item, index) => (
+                <div key={index}>{item.text}</div>
+              ))}
+          </>
+        )}
       </SuspenseInfiniteQuery>
     ))()
     ;(() => (
@@ -45,7 +69,15 @@ describe('<SuspenseInfiniteQuery/>', () => {
         //@ts-expect-error no placeholderData
         placeholderData="placeholder"
       >
-        {(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
+        {(query) => (
+          <>
+            {query.data.pages
+              .filter(({ text }) => text)
+              .map((item, index) => (
+                <div key={index}>{item.text}</div>
+              ))}
+          </>
+        )}
       </SuspenseInfiniteQuery>
     ))()
     ;(() => (
@@ -55,7 +87,15 @@ describe('<SuspenseInfiniteQuery/>', () => {
         //@ts-expect-error no placeholderData
         placeholderData="placeholder"
       >
-        {(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
+        {(query) => (
+          <>
+            {query.data.pages
+              .filter(({ text }) => text)
+              .map((item, index) => (
+                <div key={index}>{item.text}</div>
+              ))}
+          </>
+        )}
       </SuspenseInfiniteQuery>
     ))()
     ;(() => (

diff --git a/packages/react-query-5/src/SuspenseInfiniteQuery.test-d.tsx b/packages/react-query-5/src/SuspenseInfiniteQuery.test-d.tsx
@@ -15,7 +15,15 @@ describe('<SuspenseInfiniteQuery/>', () => {
         getNextPageParam={(lastPage) => lastPage.text}
         initialPageParam="initialPageParam"
       >
-        {(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
+        {(query) => (
+          <>
+            {query.data.pages
+              .filter(({ text }) => text)
+              .map((item, index) => (
+                <div key={index}>{item.text}</div>
+              ))}
+          </>
+        )}
       </SuspenseInfiniteQuery>
     ))()
     ;(() => (
@@ -27,7 +35,15 @@ describe('<SuspenseInfiniteQuery/>', () => {
         getNextPageParam={(lastPage) => lastPage.text}
         initialPageParam="initialPageParam"
       >
-        {(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
+        {(query) => (
+          <>
+            {query.data.pages
+              .filter(({ text }) => text)
+              .map((item, index) => (
+                <div key={index}>{item.text}</div>
+              ))}
+          </>
+        )}
       </SuspenseInfiniteQuery>
     ))()
     ;(() => (
@@ -39,7 +55,15 @@ describe('<SuspenseInfiniteQuery/>', () => {
         getNextPageParam={(lastPage) => lastPage.text}
         initialPageParam="initialPageParam"
       >
-        {(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
+        {(query) => (
+          <>
+            {query.data.pages
+              .filter(({ text }) => text)
+              .map((item, index) => (
+                <div key={index}>{item.text}</div>
+              ))}
+          </>
+        )}
       </SuspenseInfiniteQuery>
     ))()
     ;(() => (
@@ -51,7 +75,15 @@ describe('<SuspenseInfiniteQuery/>', () => {
         getNextPageParam={(lastPage) => lastPage.text}
         initialPageParam="initialPageParam"
       >
-        {(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
+        {(query) => (
+          <>
+            {query.data.pages
+              .filter(({ text }) => text)
+              .map((item, index) => (
+                <div key={index}>{item.text}</div>
+              ))}
+          </>
+        )}
       </SuspenseInfiniteQuery>
     ))()
     ;(() => (
@@ -63,7 +95,15 @@ describe('<SuspenseInfiniteQuery/>', () => {
         getNextPageParam={(lastPage) => lastPage.text}
         initialPageParam="initialPageParam"
       >
-        {(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
+        {(query) => (
+          <>
+            {query.data.pages
+              .filter(({ text }) => text)
+              .map((item, index) => (
+                <div key={index}>{item.text}</div>
+              ))}
+          </>
+        )}
       </SuspenseInfiniteQuery>
     ))()
     ;(() => (