Usage of defineMutation and useMutation

[julianctni]

Hi everyone,

in my current project I want to organize my mutations using defineMutation in a seperate file. In my component I then want to use that mutation using useMutation. I am doing the exact same thing with queries (defineQuery / defineQueryOptions and using these in useQuery)

export const addProjectMutation = defineMutation({
  mutation: (project: Pick<TcProject, 'name' | 'description'>): Promise<TcProject> =>
    useProcessesApiService().postProject(project),
  onSettled: (): void => {
    void useQueryCache().invalidateQueries({ key: [PROJECTS_QUERY_KEY], exact: true });
  },
});

const mutation = useMutation(addProjectMutation);

However I can't use the defined mutation here.

Am I doing something wrong? Or is this a bug?

Best regards
Julian

[posva]

• define mutation returns a composable
• Move composable call outside of mutation and key properties. That’s not correct composable usage

[julianctni]

Thanks for the super quick reply! Now I got it, defineMutation already returns the mutation. My mistake.