CancelledError { revert: undefined, silent: undefined } in Unit Test

[jmsims2]

I have a component I'm testing that does a mutation, optimistically updates and then refetches the query when settled. The test for it passes, but we get several act warnings and an error from react-query that says CancelledError { revert: undefined, silent: undefined } in Unit Test. I've tried to recreate a minimal example but can't get the same error to happen in my (repo)[https://codesandbox.io/s/intelligent-sky-8h4nq?file=/src/Post.test.js]. The only difference in my actual case and the repro is my real test is using msw.

I essentially have a mutation like the below and I hit the error block in the onSettled after the test passes and the error is the CancelledError. If anyone has any ideas off the top of their head, they would be greatly appreciated.

const { mutate } = useMutation(
    async ({ postId, userId }) => {
      console.log({ postId, userId });
      const res = await fetch(
        `https://jsonplaceholder.typicode.com/posts/${postId}`,
        {
          method: "PUT",
          body: JSON.stringify({ userId })
        }
      );
      console.log({ res });
      return res.json();
    },
    {
      onMutate: ({ postId, userId }) => {
        const previousUserId = userId;
        setUser(userId);
        return { previousUserId };
      },
      onSettled: (data, error, vars, { previousUserId }) => {
        if (error) {
          console.log({ previousUserId });
          setUser(previousUserId);
          console.error({ error });
        }
        queryClient.refetchQueries(["posts"], { active: true, exact: true });
      }
    }
  );

[jmsims2]

I actually think I figured this out. Sharing a queryClient in our tests. Even with clearing it before or after each, errors. But if I have each test it's own client, then all the errors went away.