Mutation keys

[kyleamazza]

• feat: Adds a mutationKey to allow for getting the status of a mutation via useMutationState more easily.

• fix: Fixes a misspelling for queryOptions.infinite in buildQueryKey

Expected usage:

import { useCreatePost } from '@/src/__generated__/hooks/post';

const MyComponent = () => {
  const createPost = useCreatePost();

  return (
    <button 
      onClick={() => createPost.mutate({ message: 'hello world' })}
    >
      Create Post
    </button>
  );
}

// Elsewhere:
import { useMutationState } from '@tanstack/query';
import { useCreatePost } from '__generated__/hooks/post';

const MyListeningComponent = () => {
  const createPostState = useMutationState({
    filters: { 
      mutationKey: useCreatePost.mutationKey,
      predicate: (mutation) => mutation.state.variables?.message === 'hello world',
    },
  });
 
  return createPostState.state.status === 'pending' 
    ? <Loading /> 
    : <p>Post created!</p>;
};

[kyleamazza]

Closed in favor of #15