Query-Funktionen müssen einen Wert zurückgeben, der von TanStack Query zwischengespeichert wird. Funktionen, die keinen Wert zurückgeben (void-Funktionen), können zu unerwartetem Verhalten führen und auf einen Fehler in der Implementierung hinweisen.
Beispiel fĂĽr falschen Code fĂĽr diese Regel
/* eslint "@tanstack/query/no-void-query-fn": "error" */
useQuery({
queryKey: ['todos'],
queryFn: async () => {
await api.todos.fetch() // Function doesn't return the fetched data
},
})
/* eslint "@tanstack/query/no-void-query-fn": "error" */
useQuery({
queryKey: ['todos'],
queryFn: async () => {
await api.todos.fetch() // Function doesn't return the fetched data
},
})
Beispiel fĂĽr korrekten Code fĂĽr diese Regel
/* eslint "@tanstack/query/no-void-query-fn": "error" */
useQuery({
queryKey: ['todos'],
queryFn: async () => {
const todos = await api.todos.fetch()
return todos
},
})
/* eslint "@tanstack/query/no-void-query-fn": "error" */
useQuery({
queryKey: ['todos'],
queryFn: async () => {
const todos = await api.todos.fetch()
return todos
},
})