Mock Apollo Mutation with Jest and typescript

createTask.test.tsx

import { useMutation } from "@apollo/client";
  
jest.mock("@apollo/client", () => {
  const pkg = jest.requireActual("@apollo/client");
  pkg.useMutation = jest.fn();
  return pkg;
});


test("Should call the mutation as mock", async () => {
  const mockedUseMutation = useMutation as jest.Mock;

  const createTask = jest.fn().mockResolvedValue({
    data: {
      task: {
        data: {
          id: '123',
        },
      },
    },
  });

  mockedUseMutation.mockReturnValue([createTask, { loading: false }]);

  // load the component, if needed with MockedProvider and fire the button/action

  expect(createTask).toBeCalledWith({
    variables: {
      title: 'blablabla'
    },
  });
});