How to populate Int Variables in Typescript

[digimangos]

I'm trying to use a query which has an "Int!" variable, but this is always being sent as a string.

await this.getOctokit().graphql(
          `query ($orgName: String!, $projectNumber: Int!){
            organization(login: $orgName) {
                projectNext(number: $projectNumber) {
                  id
                }
            }}`
        ,{
         orgName,
         projectNumber
        })

projectNumber is defined as projectNumber: number

But the resultant graphQL query is sent as a string:

    "request": {
        "query": "query ($orgName: String!, $projectNumber: Int!){\n            organization(login: $orgName) {\n                projectNext(number: $projectNumber) {\n                  id\n                }\n            }}",
        "variables": {
            "orgName": "myorg",
            "projectNumber": "4"
        }
    }

which returns the error:

        {
            "extensions": {
                "value": "4",
                "problems": [
                    {
                        "path": [],
                        "explanation": "Could not coerce value \"4\" to Int"
                    }
                ]
            },
            "locations": [
                {
                    "line": 1,
                    "column": 27
                }
            ],
            "message": "Variable $projectNumber of type Int! was provided invalid value"
        }

Is it possible for the variable to be resolved as "projectNumber": 4? I notice the example in the README.md - Variables, doesn't show the population of an Int variable instead its defaulted in. So perhaps it's not supported?

[peter-evans]

I've run into this issue. Is there a solution or any workaround?

[peter-evans]

Well I guess the workaround is to use template literals.

    const query = `
      query($owner: String!, $repo: String!) {
        repository(owner: $owner, name: $repo) {
          pullRequest(number: ${pullNumber}) {
            id
          }
        }
      }
    `

[klippx]

This is a simple question with a very simple answer: Just ensure that the variable projectNumber you send is actually an integer. It is probably a JS string and gets serialized to JSON as "4".

I use Int all the time. It works, is simple as pie, and I am surprised to see that people struggle with it.

Example usage:

const query = /* GraphQL */ `
  query FetchRepositories($last: Int) {
    repository(owner: "acme", name: "stores") {
      issues(last: $last) {
        edges {
          node {
            title
          }
        }
      }
    }
  }`

graphql(query, {
  headers: {
    authorization: `token secret123`,
  },
  last: 3,
})

That's it. This issue may be closed.

[digimangos]

Thanks for confirming, @klippx. Given that I originally raised this over two years ago, I’ll trust that it’s been resolved at some point. Just to clarify, my original issue defined the input type was a number, not a string.