Framework
Version

Keine void-RĂĽckgabe von Query-Funktionen zulassen

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.

Regeldetails

Beispiel fĂĽr falschen Code fĂĽr diese Regel

tsx
/* 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

tsx
/* 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
  },
})

Attribute

  • âś… Empfohlen
  • đź”§ Behebbar