[GraphQL] 値で指定できない エラーになる

Question

GraphQLを最近学び始めて、GraphQLサーバーを立てることは、公式通りやったら難なくできたのですが、そこから例えば、値に応じてクエリ発行することができないかと思い、以下Qiita記事を見ながらやってみるのですが、同じようにやってもエラーになりうまくいきません。

試していること

GraphQLのクエリを基礎から整理してみた
この記事の「一致取得」　の部分

GraphQLサーバーのコードはこちら
※Apollo serverを利用
※Apollo serverのコードを、ほぼそのまま利用

const { ApolloServer, gql } = require("apollo-server");

// スキーマを定義する
const typeDefs = gql`
    type Book {
        id: String
        title: String
        lead: String
        url: String
        author: String
    }

    type Query {
        books: [Book]
    }
`;

// クエリで取得するデータを定数で置いておく
const books = [
    {
        id: "2",
        title: "Harry Potter and the Chamber of Secrets",
        lead: "This is comments",
        url: "http://www.example.com",
        author: "J.K. Rowling"
    },
    {
        id: "1",
        title: "Jurassic Park",
        lead: "This is comments",
        url: "http://www.example.com",
        author: "Michael Crishton"
    }
];

// booksクエリ発行時の処理を指定する
const resolvers = {
    Query: {
        books: () => books
    }
};

// サーバーを起動する
const server = new ApolloServer({ typeDefs, resolvers });

server.listen().then(({ url }) => {
    console.log(`???? Server ready at ${url}`);
});

http://localhost:4000/
こちらでplaygroundが立ち上がります。

そのままクエリ発行

query ExampleQuery {
  books {
    id
    title
    lead
    url
  }
}

結果は以下

{
  "data": {
    "books": [
      {
        "id": "2",
        "title": "Harry Potter and the Chamber of Secrets",
        "lead": "This is comments",
        "url": "http://www.example.com"
      },
      {
        "id": "1",
        "title": "Jurassic Park",
        "lead": "This is comments",
        "url": "http://www.example.com"
      }
    ]
  }
}

この後、記事の通り以下のようにクエリ発行

query ExampleQuery {
  books(id: "1") {
    id
    title
    lead
    url
  }
}

これでid: 1のアイテムが取得できると思いきや、(id: "1")を追加した時点で
Unknown argument "id" on field "Query.books".というエラーが出ます。

当然これでクエリ発行しても、エラーになります。

{
  "errors": [
    {
      "message": "Unknown argument \"id\" on field \"Query.books\".",
      "locations": [
        {
          "line": 2,
          "column": 9
        }
      ],
      "extensions": {
        "code": "GRAPHQL_VALIDATION_FAILED",
        "exception": {
          "stacktrace": [
            "GraphQLError: Unknown argument \"id\" on field \"Query.books\".",
            "    at Object.Argument (/Users/p000078/Desktop/apollo-graphQL_react/graphql-server-example/node_modules/graphql/validation/rules/KnownArgumentNamesRule.js:46:29)",
            "    at Object.enter (/Users/p000078/Desktop/apollo-graphQL_react/graphql-server-example/node_modules/graphql/language/visitor.js:323:29)",
            "    at Object.enter (/Users/p000078/Desktop/apollo-graphQL_react/graphql-server-example/node_modules/graphql/utilities/TypeInfo.js:370:25)",
            "    at visit (/Users/p000078/Desktop/apollo-graphQL_react/graphql-server-example/node_modules/graphql/language/visitor.js:243:26)",
            "    at Object.validate (/Users/p000078/Desktop/apollo-graphQL_react/graphql-server-example/node_modules/graphql/validation/validate.js:69:24)",
            "    at validate (/Users/p000078/Desktop/apollo-graphQL_react/graphql-server-example/node_modules/apollo-server-core/dist/requestPipeline.js:186:26)",
            "    at Object.processGraphQLRequest (/Users/p000078/Desktop/apollo-graphQL_react/graphql-server-example/node_modules/apollo-server-core/dist/requestPipeline.js:90:34)",
            "    at runMicrotasks (<anonymous>)",
            "    at processTicksAndRejections (node:internal/process/task_queues:96:5)",
            "    at async processHTTPRequest (/Users/p000078/Desktop/apollo-graphQL_react/graphql-server-example/node_modules/apollo-server-core/dist/runHttpQuery.js:179:30)"
          ]
        }
      }
    }
  ],
  "data": null
}