$를 사용하면 정상적으로 작동하지 않습니다

import { useMutation, gql } from "@apollo/client";

const 나의그래프큐엘셋팅 = gql`
  mutation createBoard($writer: String, $title: String, $contents: String) {
    createBoard(writer: $writer, title: $title, contents: $contents) {
      _id
      number
      message
    }
  }
`;

export default function GraphqlMutation() {
  const [나의함수] = useMutation(나의그래프큐엘셋팅);

  const onClickSubmit = async () => {
    const result = await 나의함수({
      $: {
        //$ == variables 로 바꿔도 된다 같은
        writer: "훈이",
        title: "contents",
        contents: "반갑",
      },
    });
    console.log(result);
  };

  return <button onClick={onClickSubmit}>Graphql-API 요청하기</button>;
}

await 나의함수({ $: ...}) 에서 $를 사용하면 ApolloError: null value in column "writer" of relation "board" violates not-null constraint

다음과 같은 에러가 발생하고 variables 로 바꾸면 정상적으로 작동합니다. 어느 부분이 틀렸을까요..?