Declare type of useQuery with initialData

Hello!

I have a custom hook that is defined as follow:

export const useTodos = (): UseTodos => {
    return useQuery<Todo[]>({
      queryKey: 'todos',
      queryFn: fetchTodos,
      initialData: [],
    });
  }

type UseTodos = UseQueryResults<Todo[]>

export const useTodos = (): UseTodos => {
    return useQuery<Todo[]>({
      queryKey: 'todos',
      queryFn: fetchTodos,
      initialData: [],
    });
  }

type UseTodos = UseQueryResults<Todo[]>

Unfortunately, our linting rules require for all functions to have a type defined

When I use the

UseQueryResults

UseQueryResults

, this does not considers that

initialData

initialData

is being provided, hence when accessing

data

data

from the hook, this is defined as

Todo[] | undefined

Todo[] | undefined

.

Do you know how else I can define the hook type so that it knows data is always an array?
Thanks!

TanStack•2y ago•

1 reply

foolish-indigo

Declare type of useQuery with initialData

Hello!

I have a custom hook that is defined as follow:

export const useTodos = (): UseTodos => {
    return useQuery<Todo[]>({
      queryKey: 'todos',
      queryFn: fetchTodos,
      initialData: [],
    });
  }

type UseTodos = UseQueryResults<Todo[]>

export const useTodos = (): UseTodos => {
    return useQuery<Todo[]>({
      queryKey: 'todos',
      queryFn: fetchTodos,
      initialData: [],
    });
  }

type UseTodos = UseQueryResults<Todo[]>

Unfortunately, our linting rules require for all functions to have a type defined

When I use the

UseQueryResults

UseQueryResults

, this does not considers that

initialData

initialData

is being provided, hence when accessing

data

data

from the hook, this is defined as

Todo[] | undefined

Todo[] | undefined

.

Do you know how else I can define the hook type so that it knows data is always an array?
Thanks!

Declare type of useQuery with initialData

Similar Threads

Declare type of useQuery with initialData

Similar Threads

Similar Threads

Similar Threads