Resolve mutation after invalidating queries

  const { isSuccess, isLoading, isError, mutate, data, error } = useMutation(
    async (e: FormEvent<HTMLFormElement>) => {
      e.preventDefault();
      //fetching some API here
    },
    {
      onSuccess: () => queryClient.invalidateQueries({ queryKey: ["user"] }),
    }
  );

  const { isSuccess, isLoading, isError, mutate, data, error } = useMutation(
    async (e: FormEvent<HTMLFormElement>) => {
      e.preventDefault();
      //fetching some API here
    },
    {
      onSuccess: () => queryClient.invalidateQueries({ queryKey: ["user"] }),
    }
  );

Is it possible to have

isLoading

isLoading

flag still equals to true, when mutation completed, but invalidatingQueries is in progress?

TanStack•3y ago•

2 replies

cold-orange

Resolve mutation after invalidating queries

  const { isSuccess, isLoading, isError, mutate, data, error } = useMutation(
    async (e: FormEvent<HTMLFormElement>) => {
      e.preventDefault();
      //fetching some API here
    },
    {
      onSuccess: () => queryClient.invalidateQueries({ queryKey: ["user"] }),
    }
  );

  const { isSuccess, isLoading, isError, mutate, data, error } = useMutation(
    async (e: FormEvent<HTMLFormElement>) => {
      e.preventDefault();
      //fetching some API here
    },
    {
      onSuccess: () => queryClient.invalidateQueries({ queryKey: ["user"] }),
    }
  );

Is it possible to have

isLoading

isLoading

flag still equals to true, when mutation completed, but invalidatingQueries is in progress?

Resolve mutation after invalidating queries

Similar Threads

Resolve mutation after invalidating queries

Similar Threads

Similar Threads

Similar Threads