@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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@suspensive/react-query-4",
3
- "version": "2.18.3",
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.3",
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.3",
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 \"**/*.{js,jsx,cjs,mjs,ts,tsx,cts,mts}\"",
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",
@@ -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(<PrefetchInfiniteQuery {...options}>{() => <></>}</PrefetchInfiniteQuery>).toEqualTypeOf<JSX.Element>()
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(<SuspenseInfiniteQuery {...options}>{() => <></>}</SuspenseInfiniteQuery>).toEqualTypeOf<JSX.Element>()
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
  })
@@ -32,6 +32,7 @@ describe('useSuspenseInfiniteQuery', () => {
32
32
  // @ts-expect-error no placeholderData
33
33
  placeholderData: 'placeholder',
34
34
  })
35
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
35
36
  useSuspenseInfiniteQuery({
36
37
  queryKey,
37
38
  queryFn,
@@ -31,6 +31,7 @@ describe('useSuspenseQuery', () => {
31
31
  //@ts-expect-error no placeholderData
32
32
  placeholderData: 'placeholder',
33
33
  })
34
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
34
35
  useSuspenseQuery({
35
36
  queryKey,
36
37
  queryFn,
@@ -116,6 +116,7 @@ describe('OmitKeyof', () => {
116
116
  it("'s symbol key type check", () => {
117
117
  const symbol1 = Symbol()
118
118
  const symbol2 = Symbol()
119
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
119
120
  const symbol3 = Symbol()
120
121
 
121
122
  type A = {