@suspensive/react-query-4 2.18.3 → 2.18.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +4 -4
- package/src/Mutation.test-d.tsx +3 -3
- package/src/PrefetchInfiniteQuery.test-d.tsx +16 -14
- package/src/PrefetchQuery.test-d.tsx +14 -14
- package/src/QueryClientConsumer.test-d.tsx +6 -6
- package/src/SuspenseInfiniteQuery.test-d.tsx +22 -20
- package/src/SuspenseQueries.test-d.tsx +5 -5
- package/src/SuspenseQuery.test-d.tsx +20 -20
- package/src/useSuspenseInfiniteQuery.test-d.ts +1 -0
- package/src/useSuspenseQuery.test-d.ts +1 -0
- package/src/utility-types/OmitKeyof.test-d.ts +1 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@suspensive/react-query-4",
|
|
3
|
-
"version": "2.18.
|
|
3
|
+
"version": "2.18.4",
|
|
4
4
|
"description": "Suspensive interfaces for @tanstack/react-query@4",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"suspensive",
|
|
@@ -43,12 +43,12 @@
|
|
|
43
43
|
"@types/react": "^18.3.11",
|
|
44
44
|
"react": "^18.3.1",
|
|
45
45
|
"@suspensive/eslint-config": "0.0.0",
|
|
46
|
-
"@suspensive/react": "2.18.
|
|
46
|
+
"@suspensive/react": "2.18.4",
|
|
47
47
|
"@suspensive/tsconfig": "0.0.0-development",
|
|
48
48
|
"@suspensive/tsup": "0.0.0"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
51
|
-
"@suspensive/react": "^2.18.
|
|
51
|
+
"@suspensive/react": "^2.18.4",
|
|
52
52
|
"@tanstack/react-query": "^4",
|
|
53
53
|
"react": "^18"
|
|
54
54
|
},
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
"scripts": {
|
|
67
67
|
"build": "tsup",
|
|
68
68
|
"ci:attw": "attw --pack",
|
|
69
|
-
"ci:eslint": "eslint \"**/*.{
|
|
69
|
+
"ci:eslint": "eslint \"**/*.{ts,tsx,cts,mts}\"",
|
|
70
70
|
"ci:publint": "publint --strict",
|
|
71
71
|
"ci:test": "vitest run --coverage --typecheck",
|
|
72
72
|
"ci:type": "tsc --noEmit",
|
package/src/Mutation.test-d.tsx
CHANGED
|
@@ -7,16 +7,16 @@ const mutationFn = () => Promise.resolve(5)
|
|
|
7
7
|
|
|
8
8
|
describe('<Mutation/>', () => {
|
|
9
9
|
it('type check', () => {
|
|
10
|
-
;() => (
|
|
10
|
+
;(() => (
|
|
11
11
|
<Mutation mutationFn={mutationFn}>
|
|
12
12
|
{(mutation) => {
|
|
13
13
|
expectTypeOf(mutation).toEqualTypeOf<UseMutationResult<number, unknown, void>>()
|
|
14
14
|
return <></>
|
|
15
15
|
}}
|
|
16
16
|
</Mutation>
|
|
17
|
-
)
|
|
17
|
+
))()
|
|
18
18
|
|
|
19
|
-
expectTypeOf(<Mutation mutationFn={mutationFn}>{() => <></>}</Mutation>).toEqualTypeOf<JSX.Element>()
|
|
19
|
+
expectTypeOf(<Mutation mutationFn={mutationFn}>{() => <></>}</Mutation>).toEqualTypeOf<React.JSX.Element>()
|
|
20
20
|
expectTypeOf(<Mutation mutationFn={mutationFn}>{() => <></>}</Mutation>).not.toEqualTypeOf<ReactNode>()
|
|
21
21
|
})
|
|
22
22
|
})
|
|
@@ -6,55 +6,57 @@ import { queryFn, queryKey } from './test-utils'
|
|
|
6
6
|
|
|
7
7
|
describe('<PrefetchInfiniteQuery/>', () => {
|
|
8
8
|
it('type check', () => {
|
|
9
|
-
;() => (
|
|
9
|
+
;(() => (
|
|
10
10
|
<PrefetchInfiniteQuery
|
|
11
11
|
queryKey={queryKey}
|
|
12
12
|
queryFn={queryFn}
|
|
13
13
|
//@ts-expect-error no suspense
|
|
14
14
|
suspense={boolean}
|
|
15
15
|
/>
|
|
16
|
-
)
|
|
17
|
-
;() => (
|
|
16
|
+
))()
|
|
17
|
+
;(() => (
|
|
18
18
|
<PrefetchInfiniteQuery
|
|
19
19
|
queryKey={queryKey}
|
|
20
20
|
queryFn={queryFn}
|
|
21
21
|
//@ts-expect-error no useErrorBoundary
|
|
22
22
|
useErrorBoundary={boolean}
|
|
23
23
|
/>
|
|
24
|
-
)
|
|
25
|
-
;() => (
|
|
24
|
+
))()
|
|
25
|
+
;(() => (
|
|
26
26
|
<PrefetchInfiniteQuery
|
|
27
27
|
queryKey={queryKey}
|
|
28
28
|
queryFn={queryFn}
|
|
29
29
|
//@ts-expect-error no enabled
|
|
30
30
|
enabled={boolean}
|
|
31
31
|
/>
|
|
32
|
-
)
|
|
33
|
-
;() => (
|
|
32
|
+
))()
|
|
33
|
+
;(() => (
|
|
34
34
|
<PrefetchInfiniteQuery
|
|
35
35
|
queryKey={queryKey}
|
|
36
36
|
queryFn={queryFn}
|
|
37
37
|
//@ts-expect-error no placeholderData
|
|
38
38
|
placeholderData="placeholder"
|
|
39
39
|
/>
|
|
40
|
-
)
|
|
41
|
-
;() => (
|
|
40
|
+
))()
|
|
41
|
+
;(() => (
|
|
42
42
|
<PrefetchInfiniteQuery
|
|
43
43
|
queryKey={queryKey}
|
|
44
44
|
queryFn={queryFn}
|
|
45
45
|
//@ts-expect-error no placeholderData
|
|
46
46
|
placeholderData="placeholder"
|
|
47
47
|
/>
|
|
48
|
-
)
|
|
49
|
-
;() => <PrefetchInfiniteQuery queryKey={queryKey} queryFn={queryFn} />
|
|
48
|
+
))()
|
|
49
|
+
;(() => <PrefetchInfiniteQuery queryKey={queryKey} queryFn={queryFn} />)()
|
|
50
50
|
const options = infiniteQueryOptions({
|
|
51
51
|
queryKey,
|
|
52
52
|
queryFn,
|
|
53
53
|
})
|
|
54
|
-
;() => <PrefetchInfiniteQuery {...options} />
|
|
55
|
-
expectTypeOf(<PrefetchInfiniteQuery queryKey={queryKey} queryFn={queryFn} />).toEqualTypeOf<JSX.Element>()
|
|
54
|
+
;(() => <PrefetchInfiniteQuery {...options} />)()
|
|
55
|
+
expectTypeOf(<PrefetchInfiniteQuery queryKey={queryKey} queryFn={queryFn} />).toEqualTypeOf<React.JSX.Element>()
|
|
56
56
|
expectTypeOf(<PrefetchInfiniteQuery queryKey={queryKey} queryFn={queryFn} />).not.toEqualTypeOf<ReactNode>()
|
|
57
|
-
expectTypeOf(
|
|
57
|
+
expectTypeOf(
|
|
58
|
+
<PrefetchInfiniteQuery {...options}>{() => <></>}</PrefetchInfiniteQuery>
|
|
59
|
+
).toEqualTypeOf<React.JSX.Element>()
|
|
58
60
|
expectTypeOf(
|
|
59
61
|
<PrefetchInfiniteQuery {...options}>{() => <></>}</PrefetchInfiniteQuery>
|
|
60
62
|
).not.toEqualTypeOf<ReactNode>()
|
|
@@ -6,55 +6,55 @@ import { queryFn, queryKey } from './test-utils'
|
|
|
6
6
|
|
|
7
7
|
describe('<PrefetchQuery/>', () => {
|
|
8
8
|
it('type check', () => {
|
|
9
|
-
;() => (
|
|
9
|
+
;(() => (
|
|
10
10
|
<PrefetchQuery
|
|
11
11
|
queryKey={queryKey}
|
|
12
12
|
queryFn={queryFn}
|
|
13
13
|
//@ts-expect-error no suspense
|
|
14
14
|
suspense={boolean}
|
|
15
15
|
/>
|
|
16
|
-
)
|
|
17
|
-
;() => (
|
|
16
|
+
))()
|
|
17
|
+
;(() => (
|
|
18
18
|
<PrefetchQuery
|
|
19
19
|
queryKey={queryKey}
|
|
20
20
|
queryFn={queryFn}
|
|
21
21
|
//@ts-expect-error no useErrorBoundary
|
|
22
22
|
useErrorBoundary={boolean}
|
|
23
23
|
/>
|
|
24
|
-
)
|
|
25
|
-
;() => (
|
|
24
|
+
))()
|
|
25
|
+
;(() => (
|
|
26
26
|
<PrefetchQuery
|
|
27
27
|
queryKey={queryKey}
|
|
28
28
|
queryFn={queryFn}
|
|
29
29
|
//@ts-expect-error no enabled
|
|
30
30
|
enabled={boolean}
|
|
31
31
|
/>
|
|
32
|
-
)
|
|
33
|
-
;() => (
|
|
32
|
+
))()
|
|
33
|
+
;(() => (
|
|
34
34
|
<PrefetchQuery
|
|
35
35
|
queryKey={queryKey}
|
|
36
36
|
queryFn={queryFn}
|
|
37
37
|
//@ts-expect-error no placeholderData
|
|
38
38
|
placeholderData="placeholder"
|
|
39
39
|
/>
|
|
40
|
-
)
|
|
41
|
-
;() => (
|
|
40
|
+
))()
|
|
41
|
+
;(() => (
|
|
42
42
|
<PrefetchQuery
|
|
43
43
|
queryKey={queryKey}
|
|
44
44
|
queryFn={queryFn}
|
|
45
45
|
//@ts-expect-error no placeholderData
|
|
46
46
|
placeholderData="placeholder"
|
|
47
47
|
/>
|
|
48
|
-
)
|
|
49
|
-
;() => <PrefetchQuery queryKey={queryKey} queryFn={queryFn} />
|
|
48
|
+
))()
|
|
49
|
+
;(() => <PrefetchQuery queryKey={queryKey} queryFn={queryFn} />)()
|
|
50
50
|
const options = queryOptions({
|
|
51
51
|
queryKey,
|
|
52
52
|
queryFn,
|
|
53
53
|
})
|
|
54
|
-
;() => <PrefetchQuery {...options} />
|
|
55
|
-
expectTypeOf(<PrefetchQuery queryKey={queryKey} queryFn={queryFn} />).toEqualTypeOf<JSX.Element>()
|
|
54
|
+
;(() => <PrefetchQuery {...options} />)()
|
|
55
|
+
expectTypeOf(<PrefetchQuery queryKey={queryKey} queryFn={queryFn} />).toEqualTypeOf<React.JSX.Element>()
|
|
56
56
|
expectTypeOf(<PrefetchQuery queryKey={queryKey} queryFn={queryFn} />).not.toEqualTypeOf<ReactNode>()
|
|
57
|
-
expectTypeOf(<PrefetchQuery {...options}>{() => <></>}</PrefetchQuery>).toEqualTypeOf<JSX.Element>()
|
|
57
|
+
expectTypeOf(<PrefetchQuery {...options}>{() => <></>}</PrefetchQuery>).toEqualTypeOf<React.JSX.Element>()
|
|
58
58
|
expectTypeOf(<PrefetchQuery {...options}>{() => <></>}</PrefetchQuery>).not.toEqualTypeOf<ReactNode>()
|
|
59
59
|
})
|
|
60
60
|
})
|
|
@@ -6,27 +6,27 @@ const reactQueryContext = createContext<QueryClient | undefined>(new QueryClient
|
|
|
6
6
|
|
|
7
7
|
describe('<QueryClientConsumer/>', () => {
|
|
8
8
|
it('type check', () => {
|
|
9
|
-
;() => (
|
|
9
|
+
;(() => (
|
|
10
10
|
<QueryClientConsumer>
|
|
11
11
|
{(queryClient) => {
|
|
12
12
|
expectTypeOf(queryClient).toEqualTypeOf<QueryClient>()
|
|
13
13
|
return <></>
|
|
14
14
|
}}
|
|
15
15
|
</QueryClientConsumer>
|
|
16
|
-
)
|
|
17
|
-
;() => (
|
|
16
|
+
))()
|
|
17
|
+
;(() => (
|
|
18
18
|
<QueryClientConsumer context={reactQueryContext}>
|
|
19
19
|
{(queryClient) => {
|
|
20
20
|
expectTypeOf(queryClient).toEqualTypeOf<QueryClient>()
|
|
21
21
|
return <></>
|
|
22
22
|
}}
|
|
23
23
|
</QueryClientConsumer>
|
|
24
|
-
)
|
|
25
|
-
expectTypeOf(<QueryClientConsumer>{() => <></>}</QueryClientConsumer>).toEqualTypeOf<JSX.Element>()
|
|
24
|
+
))()
|
|
25
|
+
expectTypeOf(<QueryClientConsumer>{() => <></>}</QueryClientConsumer>).toEqualTypeOf<React.JSX.Element>()
|
|
26
26
|
expectTypeOf(<QueryClientConsumer>{() => <></>}</QueryClientConsumer>).not.toEqualTypeOf<ReactNode>()
|
|
27
27
|
expectTypeOf(
|
|
28
28
|
<QueryClientConsumer context={reactQueryContext}>{() => <></>}</QueryClientConsumer>
|
|
29
|
-
).toEqualTypeOf<JSX.Element>()
|
|
29
|
+
).toEqualTypeOf<React.JSX.Element>()
|
|
30
30
|
expectTypeOf(
|
|
31
31
|
<QueryClientConsumer context={reactQueryContext}>{() => <></>}</QueryClientConsumer>
|
|
32
32
|
).not.toEqualTypeOf<ReactNode>()
|
|
@@ -8,7 +8,7 @@ import type { UseSuspenseInfiniteQueryResult } from './useSuspenseInfiniteQuery'
|
|
|
8
8
|
|
|
9
9
|
describe('<SuspenseInfiniteQuery/>', () => {
|
|
10
10
|
it('type check', () => {
|
|
11
|
-
;() => (
|
|
11
|
+
;(() => (
|
|
12
12
|
<SuspenseInfiniteQuery
|
|
13
13
|
queryKey={queryKey}
|
|
14
14
|
queryFn={queryFn}
|
|
@@ -17,8 +17,8 @@ describe('<SuspenseInfiniteQuery/>', () => {
|
|
|
17
17
|
>
|
|
18
18
|
{(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
|
|
19
19
|
</SuspenseInfiniteQuery>
|
|
20
|
-
)
|
|
21
|
-
;() => (
|
|
20
|
+
))()
|
|
21
|
+
;(() => (
|
|
22
22
|
<SuspenseInfiniteQuery
|
|
23
23
|
queryKey={queryKey}
|
|
24
24
|
queryFn={queryFn}
|
|
@@ -27,8 +27,8 @@ describe('<SuspenseInfiniteQuery/>', () => {
|
|
|
27
27
|
>
|
|
28
28
|
{(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
|
|
29
29
|
</SuspenseInfiniteQuery>
|
|
30
|
-
)
|
|
31
|
-
;() => (
|
|
30
|
+
))()
|
|
31
|
+
;(() => (
|
|
32
32
|
<SuspenseInfiniteQuery
|
|
33
33
|
queryKey={queryKey}
|
|
34
34
|
queryFn={queryFn}
|
|
@@ -37,8 +37,8 @@ describe('<SuspenseInfiniteQuery/>', () => {
|
|
|
37
37
|
>
|
|
38
38
|
{(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
|
|
39
39
|
</SuspenseInfiniteQuery>
|
|
40
|
-
)
|
|
41
|
-
;() => (
|
|
40
|
+
))()
|
|
41
|
+
;(() => (
|
|
42
42
|
<SuspenseInfiniteQuery
|
|
43
43
|
queryKey={queryKey}
|
|
44
44
|
queryFn={queryFn}
|
|
@@ -47,8 +47,8 @@ describe('<SuspenseInfiniteQuery/>', () => {
|
|
|
47
47
|
>
|
|
48
48
|
{(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
|
|
49
49
|
</SuspenseInfiniteQuery>
|
|
50
|
-
)
|
|
51
|
-
;() => (
|
|
50
|
+
))()
|
|
51
|
+
;(() => (
|
|
52
52
|
<SuspenseInfiniteQuery
|
|
53
53
|
queryKey={queryKey}
|
|
54
54
|
queryFn={queryFn}
|
|
@@ -57,8 +57,8 @@ describe('<SuspenseInfiniteQuery/>', () => {
|
|
|
57
57
|
>
|
|
58
58
|
{(query) => <>{query.data.pages.filter(({ text }) => text)}</>}
|
|
59
59
|
</SuspenseInfiniteQuery>
|
|
60
|
-
)
|
|
61
|
-
;() => (
|
|
60
|
+
))()
|
|
61
|
+
;(() => (
|
|
62
62
|
<SuspenseInfiniteQuery queryKey={queryKey} queryFn={queryFn}>
|
|
63
63
|
{(query) => {
|
|
64
64
|
expectTypeOf(query).toEqualTypeOf<UseSuspenseInfiniteQueryResult<{ text: string }>>()
|
|
@@ -67,8 +67,8 @@ describe('<SuspenseInfiniteQuery/>', () => {
|
|
|
67
67
|
return <></>
|
|
68
68
|
}}
|
|
69
69
|
</SuspenseInfiniteQuery>
|
|
70
|
-
)
|
|
71
|
-
;() => (
|
|
70
|
+
))()
|
|
71
|
+
;(() => (
|
|
72
72
|
<SuspenseInfiniteQuery
|
|
73
73
|
queryKey={queryKey}
|
|
74
74
|
queryFn={queryFn}
|
|
@@ -84,11 +84,11 @@ describe('<SuspenseInfiniteQuery/>', () => {
|
|
|
84
84
|
return <></>
|
|
85
85
|
}}
|
|
86
86
|
</SuspenseInfiniteQuery>
|
|
87
|
-
)
|
|
87
|
+
))()
|
|
88
88
|
|
|
89
89
|
const options = infiniteQueryOptions({ queryKey, queryFn })
|
|
90
90
|
|
|
91
|
-
;() => (
|
|
91
|
+
;(() => (
|
|
92
92
|
<SuspenseInfiniteQuery {...options}>
|
|
93
93
|
{(query) => {
|
|
94
94
|
expectTypeOf(query).toEqualTypeOf<UseSuspenseInfiniteQueryResult<{ text: string }>>()
|
|
@@ -97,8 +97,8 @@ describe('<SuspenseInfiniteQuery/>', () => {
|
|
|
97
97
|
return <></>
|
|
98
98
|
}}
|
|
99
99
|
</SuspenseInfiniteQuery>
|
|
100
|
-
)
|
|
101
|
-
;() => (
|
|
100
|
+
))()
|
|
101
|
+
;(() => (
|
|
102
102
|
<SuspenseInfiniteQuery
|
|
103
103
|
{...options}
|
|
104
104
|
select={(data) => ({
|
|
@@ -113,19 +113,21 @@ describe('<SuspenseInfiniteQuery/>', () => {
|
|
|
113
113
|
return <></>
|
|
114
114
|
}}
|
|
115
115
|
</SuspenseInfiniteQuery>
|
|
116
|
-
)
|
|
116
|
+
))()
|
|
117
117
|
|
|
118
118
|
expectTypeOf(
|
|
119
119
|
<SuspenseInfiniteQuery queryKey={queryKey} queryFn={queryFn}>
|
|
120
120
|
{() => <></>}
|
|
121
121
|
</SuspenseInfiniteQuery>
|
|
122
|
-
).toEqualTypeOf<JSX.Element>()
|
|
122
|
+
).toEqualTypeOf<React.JSX.Element>()
|
|
123
123
|
expectTypeOf(
|
|
124
124
|
<SuspenseInfiniteQuery queryKey={queryKey} queryFn={queryFn}>
|
|
125
125
|
{() => <></>}
|
|
126
126
|
</SuspenseInfiniteQuery>
|
|
127
127
|
).not.toEqualTypeOf<ReactNode>()
|
|
128
|
-
expectTypeOf(
|
|
128
|
+
expectTypeOf(
|
|
129
|
+
<SuspenseInfiniteQuery {...options}>{() => <></>}</SuspenseInfiniteQuery>
|
|
130
|
+
).toEqualTypeOf<React.JSX.Element>()
|
|
129
131
|
expectTypeOf(
|
|
130
132
|
<SuspenseInfiniteQuery {...options}>{() => <></>}</SuspenseInfiniteQuery>
|
|
131
133
|
).not.toEqualTypeOf<ReactNode>()
|
|
@@ -7,7 +7,7 @@ import type { UseSuspenseQueryResult } from './useSuspenseQuery'
|
|
|
7
7
|
|
|
8
8
|
describe('<SuspenseQueries/>', () => {
|
|
9
9
|
it('type check', () => {
|
|
10
|
-
;() => (
|
|
10
|
+
;(() => (
|
|
11
11
|
<SuspenseQueries queries={[{ queryKey, queryFn }]}>
|
|
12
12
|
{([
|
|
13
13
|
query1,
|
|
@@ -22,8 +22,8 @@ describe('<SuspenseQueries/>', () => {
|
|
|
22
22
|
return <></>
|
|
23
23
|
}}
|
|
24
24
|
</SuspenseQueries>
|
|
25
|
-
)
|
|
26
|
-
;() => (
|
|
25
|
+
))()
|
|
26
|
+
;(() => (
|
|
27
27
|
<SuspenseQueries queries={[{ queryKey, queryFn }, queryOptions({ queryKey, queryFn })]}>
|
|
28
28
|
{([
|
|
29
29
|
query1,
|
|
@@ -38,11 +38,11 @@ describe('<SuspenseQueries/>', () => {
|
|
|
38
38
|
return <></>
|
|
39
39
|
}}
|
|
40
40
|
</SuspenseQueries>
|
|
41
|
-
)
|
|
41
|
+
))()
|
|
42
42
|
|
|
43
43
|
expectTypeOf(
|
|
44
44
|
<SuspenseQueries queries={[{ queryKey, queryFn }]}>{() => <></>}</SuspenseQueries>
|
|
45
|
-
).toEqualTypeOf<JSX.Element>()
|
|
45
|
+
).toEqualTypeOf<React.JSX.Element>()
|
|
46
46
|
expectTypeOf(
|
|
47
47
|
<SuspenseQueries queries={[{ queryKey, queryFn }]}>{() => <></>}</SuspenseQueries>
|
|
48
48
|
).not.toEqualTypeOf<ReactNode>()
|
|
@@ -7,7 +7,7 @@ import type { UseSuspenseQueryResult } from './useSuspenseQuery'
|
|
|
7
7
|
|
|
8
8
|
describe('<SuspenseQuery/>', () => {
|
|
9
9
|
it('type check', () => {
|
|
10
|
-
;() => (
|
|
10
|
+
;(() => (
|
|
11
11
|
<SuspenseQuery
|
|
12
12
|
queryKey={queryKey}
|
|
13
13
|
queryFn={queryFn}
|
|
@@ -16,8 +16,8 @@ describe('<SuspenseQuery/>', () => {
|
|
|
16
16
|
>
|
|
17
17
|
{(query) => <>{query.data.text}</>}
|
|
18
18
|
</SuspenseQuery>
|
|
19
|
-
)
|
|
20
|
-
;() => (
|
|
19
|
+
))()
|
|
20
|
+
;(() => (
|
|
21
21
|
<SuspenseQuery
|
|
22
22
|
queryKey={queryKey}
|
|
23
23
|
queryFn={queryFn}
|
|
@@ -26,8 +26,8 @@ describe('<SuspenseQuery/>', () => {
|
|
|
26
26
|
>
|
|
27
27
|
{(query) => <>{query.data.text}</>}
|
|
28
28
|
</SuspenseQuery>
|
|
29
|
-
)
|
|
30
|
-
;() => (
|
|
29
|
+
))()
|
|
30
|
+
;(() => (
|
|
31
31
|
<SuspenseQuery
|
|
32
32
|
queryKey={queryKey}
|
|
33
33
|
queryFn={queryFn}
|
|
@@ -36,8 +36,8 @@ describe('<SuspenseQuery/>', () => {
|
|
|
36
36
|
>
|
|
37
37
|
{(query) => <>{query.data.text}</>}
|
|
38
38
|
</SuspenseQuery>
|
|
39
|
-
)
|
|
40
|
-
;() => (
|
|
39
|
+
))()
|
|
40
|
+
;(() => (
|
|
41
41
|
<SuspenseQuery
|
|
42
42
|
queryKey={queryKey}
|
|
43
43
|
queryFn={queryFn}
|
|
@@ -46,8 +46,8 @@ describe('<SuspenseQuery/>', () => {
|
|
|
46
46
|
>
|
|
47
47
|
{(query) => <>{query.data.text}</>}
|
|
48
48
|
</SuspenseQuery>
|
|
49
|
-
)
|
|
50
|
-
;() => (
|
|
49
|
+
))()
|
|
50
|
+
;(() => (
|
|
51
51
|
<SuspenseQuery
|
|
52
52
|
queryKey={queryKey}
|
|
53
53
|
queryFn={queryFn}
|
|
@@ -56,8 +56,8 @@ describe('<SuspenseQuery/>', () => {
|
|
|
56
56
|
>
|
|
57
57
|
{(query) => <>{query.data.text}</>}
|
|
58
58
|
</SuspenseQuery>
|
|
59
|
-
)
|
|
60
|
-
;() => (
|
|
59
|
+
))()
|
|
60
|
+
;(() => (
|
|
61
61
|
<SuspenseQuery queryKey={queryKey} queryFn={queryFn}>
|
|
62
62
|
{(query) => {
|
|
63
63
|
expectTypeOf(query).toEqualTypeOf<UseSuspenseQueryResult<{ text: string }>>()
|
|
@@ -66,8 +66,8 @@ describe('<SuspenseQuery/>', () => {
|
|
|
66
66
|
return <></>
|
|
67
67
|
}}
|
|
68
68
|
</SuspenseQuery>
|
|
69
|
-
)
|
|
70
|
-
;() => (
|
|
69
|
+
))()
|
|
70
|
+
;(() => (
|
|
71
71
|
<SuspenseQuery queryKey={queryKey} queryFn={queryFn} select={(data) => data.text}>
|
|
72
72
|
{(selectedQuery) => {
|
|
73
73
|
expectTypeOf(selectedQuery).toEqualTypeOf<UseSuspenseQueryResult<string>>()
|
|
@@ -76,14 +76,14 @@ describe('<SuspenseQuery/>', () => {
|
|
|
76
76
|
return <></>
|
|
77
77
|
}}
|
|
78
78
|
</SuspenseQuery>
|
|
79
|
-
)
|
|
79
|
+
))()
|
|
80
80
|
|
|
81
81
|
const options = queryOptions({
|
|
82
82
|
queryKey,
|
|
83
83
|
queryFn,
|
|
84
84
|
})
|
|
85
85
|
|
|
86
|
-
;() => (
|
|
86
|
+
;(() => (
|
|
87
87
|
<SuspenseQuery {...options}>
|
|
88
88
|
{(query) => {
|
|
89
89
|
expectTypeOf(query).toEqualTypeOf<UseSuspenseQueryResult<{ text: string }>>()
|
|
@@ -92,8 +92,8 @@ describe('<SuspenseQuery/>', () => {
|
|
|
92
92
|
return <></>
|
|
93
93
|
}}
|
|
94
94
|
</SuspenseQuery>
|
|
95
|
-
)
|
|
96
|
-
;() => (
|
|
95
|
+
))()
|
|
96
|
+
;(() => (
|
|
97
97
|
<SuspenseQuery {...options} select={(data) => data.text}>
|
|
98
98
|
{(selectedQuery) => {
|
|
99
99
|
expectTypeOf(selectedQuery).toEqualTypeOf<UseSuspenseQueryResult<string>>()
|
|
@@ -102,19 +102,19 @@ describe('<SuspenseQuery/>', () => {
|
|
|
102
102
|
return <></>
|
|
103
103
|
}}
|
|
104
104
|
</SuspenseQuery>
|
|
105
|
-
)
|
|
105
|
+
))()
|
|
106
106
|
|
|
107
107
|
expectTypeOf(
|
|
108
108
|
<SuspenseQuery queryKey={queryKey} queryFn={queryFn}>
|
|
109
109
|
{() => <></>}
|
|
110
110
|
</SuspenseQuery>
|
|
111
|
-
).toEqualTypeOf<JSX.Element>()
|
|
111
|
+
).toEqualTypeOf<React.JSX.Element>()
|
|
112
112
|
expectTypeOf(
|
|
113
113
|
<SuspenseQuery queryKey={queryKey} queryFn={queryFn}>
|
|
114
114
|
{() => <></>}
|
|
115
115
|
</SuspenseQuery>
|
|
116
116
|
).not.toEqualTypeOf<ReactNode>()
|
|
117
|
-
expectTypeOf(<SuspenseQuery {...options}>{() => <></>}</SuspenseQuery>).toEqualTypeOf<JSX.Element>()
|
|
117
|
+
expectTypeOf(<SuspenseQuery {...options}>{() => <></>}</SuspenseQuery>).toEqualTypeOf<React.JSX.Element>()
|
|
118
118
|
expectTypeOf(<SuspenseQuery {...options}>{() => <></>}</SuspenseQuery>).not.toEqualTypeOf<ReactNode>()
|
|
119
119
|
})
|
|
120
120
|
})
|