TanStack•3y ago•

4 replies

foolish-indigo

Custom query hook and type for placeholderData option

Hi! I'm currently trying to migrate from v3 to v5 and have an issue with defining the type for

placeholderData

placeholderData

option that I'm using with

keepPreviousData

keepPreviousData

helper function.

We've got our own basic

UseQueryOption

UseQueryOption

type defined with a few of the common options (e.g.

enabled

enabled

keepPreviousData

keepPreviousData

) that we use with our custom query hooks. Until now,

keepPreviousData

keepPreviousData

was simply a boolean, but now

placeholderData

placeholderData

is a generic type that depends on the response type.

What's the best way to type it? Right now, most of our custom query hooks are typed as:

// file with types
type UseQueryOptions = {
  enabled?: boolean
  keepPreviousData?: boolean
}

// file with hook
const useCustomQuery = (params: UseCustomQueryParams, options?: UseQueryOptions) => {
  ...
  return useQuery({...})
}

// file with types
type UseQueryOptions = {
  enabled?: boolean
  keepPreviousData?: boolean
}

// file with hook
const useCustomQuery = (params: UseCustomQueryParams, options?: UseQueryOptions) => {
  ...
  return useQuery({...})
}

What's the best way to provide a type for

placeholderData

placeholderData

UseQueryOptions

UseQueryOptions

TanStack•3y ago•

4 replies

foolish-indigo

Custom query hook and type for placeholderData option

Hi! I'm currently trying to migrate from v3 to v5 and have an issue with defining the type for

placeholderData

placeholderData

option that I'm using with

keepPreviousData

keepPreviousData

helper function.

We've got our own basic

UseQueryOption

UseQueryOption

type defined with a few of the common options (e.g.

enabled

enabled

keepPreviousData

keepPreviousData

) that we use with our custom query hooks. Until now,

keepPreviousData

keepPreviousData

was simply a boolean, but now

placeholderData

placeholderData

is a generic type that depends on the response type.

What's the best way to type it? Right now, most of our custom query hooks are typed as:

// file with types
type UseQueryOptions = {
  enabled?: boolean
  keepPreviousData?: boolean
}

// file with hook
const useCustomQuery = (params: UseCustomQueryParams, options?: UseQueryOptions) => {
  ...
  return useQuery({...})
}

// file with types
type UseQueryOptions = {
  enabled?: boolean
  keepPreviousData?: boolean
}

// file with hook
const useCustomQuery = (params: UseCustomQueryParams, options?: UseQueryOptions) => {
  ...
  return useQuery({...})
}

What's the best way to provide a type for

placeholderData

placeholderData

UseQueryOptions

UseQueryOptions

Custom query hook and type for placeholderData option

Similar Threads

Custom query hook and type for placeholderData option

Similar Threads

Similar Threads

Similar Threads