How to use mutation

MyComponent.tsx

const titleMutation = graphql`
  mutation MyComponentTitleMutation(
    $postId: ID!
    $title: String!
  ) {
    changePostTitle(postId: $postId, title: $title) {
      id
      title
    }
  }
`;
const MyComponent: FC = () => {
  const [commitTitleUpdate] = useMutation<MyComponentTitleMutation>(titleMutation);
  const onClick = () => {
    commitTitleUpdate({
      variables: {
        postId: 'uniquepostid',
        title: 'New Title',
      },
    });
  }
  return <button onClick={onClick}>Update Title!</button>;
};