Query Client Default for Mutations

[mweel1]

I have the following error with the code below...

How do I define mutationFn correctly in TS?

  const queryClient = new QueryClient({
    defaultOptions: {
      mutations: {
        mutationFn: async ({ queryKey: [url, data] }) => {
          const r = await fetch(`${baseUrl}${url}/`, {
            method: "POST",
            headers: {
              "Content-Type": "application/json",
            },
            body: JSON.stringify(data),
          });
          return await r.json();
        },
      },
      queries: {
        queryFn: async ({ queryKey: [url] }) => {
          const r = await fetch(`${baseUrl}${url}/`, {
            method: "GET",
            headers: {
              "Content-Type": "application/json",
              Authorization: `Bearer ${await getToken()}`,
            },
          });
          return await r.json();
        },
      },
    },
  });

[TkDodo]

mutationFn gets no queryKey passed - it gets passed whatever you want it to get passed when .mutate is called.