foolish-indigo

What are the correct types for UseQueryOptions that will make select infer correctly?

Trying to make this work without using

partial

partial

, else

select

select

will emit TS error if returned data is mutated and doesnt equal the exact type.

export const getProjectsQuery = <TData = { projects: Array<Project> }>(
  options?: Omit<UseQueryOptions<TData>, "queryKey" | "queryFn">,
) => {
  return useQuery<TData>({
    queryKey: ["projects"],
    queryFn: fetchProjects,
    ...options,
  });
};

export const getProjectsQuery = <TData = { projects: Array<Project> }>(
  options?: Omit<UseQueryOptions<TData>, "queryKey" | "queryFn">,
) => {
  return useQuery<TData>({
    queryKey: ["projects"],
    queryFn: fetchProjects,
    ...options,
  });
};

TanStack•2y ago

foolish-indigo

What are the correct types for UseQueryOptions that will make select infer correctly?

Trying to make this work without using

partial

partial

, else

select

select

will emit TS error if returned data is mutated and doesnt equal the exact type.

export const getProjectsQuery = <TData = { projects: Array<Project> }>(
  options?: Omit<UseQueryOptions<TData>, "queryKey" | "queryFn">,
) => {
  return useQuery<TData>({
    queryKey: ["projects"],
    queryFn: fetchProjects,
    ...options,
  });
};

export const getProjectsQuery = <TData = { projects: Array<Project> }>(
  options?: Omit<UseQueryOptions<TData>, "queryKey" | "queryFn">,
) => {
  return useQuery<TData>({
    queryKey: ["projects"],
    queryFn: fetchProjects,
    ...options,
  });
};

What are the correct types for UseQueryOptions that will make select infer correctly?

Similar Threads

What are the correct types for UseQueryOptions that will make select infer correctly?

Similar Threads

Similar Threads

Similar Threads