graphiql: Syntax Error: Unexpected EOF for dynamically created query

Actual Behavior

I’m receiving the following error: Syntax Error: Unexpected <EOF> when trying to use a javascript variable inside the gql template tag.

Expected Behavior

No error.

Steps to Reproduce the Problem Or Description

I’m not sure what version this changed in, but I noticed recently (after not working on this project for a little while and then coming back to it) that something had changed. Namely, it seems like autocomplete and validation against my actual GraphQL server started working / was added (without any changes from me), which is awesome by the way!! However, I don’t remember seeing any errors related to my javascript variable before this update.

import gql from 'graphql-tag'
import { perPage } from '../../config'

export const ALL_EVENTS_QUERY = gql`
  query ALL_EVENTS_QUERY(
    $where: EventWhereInput
    $orderBy: EventOrderByInput
    $skip: Int = 0
    $first: Int = ${perPage}
  ) {
    events(where: $where, orderBy: $orderBy, skip: $skip, first: $first) {
      id
      date
      title
    }
  }
`

Also, this seems like it might be related to: https://github.com/apollographql/eslint-plugin-graphql/issues/156 ??

Specifications

• GraphQL for VSCode Extension Version: 0.2.2
• VSCode Version:

Version: 1.39.2
Commit: 6ab598523be7a800d7f3eb4d92d7ab9a66069390
Date: 2019-10-15T15:33:00.827Z
Electron: 4.2.10
Chrome: 69.0.3497.128
Node.js: 10.11.0
V8: 6.9.427.31-electron.0
OS: Darwin x64 19.0.0

• OS Name: MacOS
• OS Version: 10.15

Logs Of TS Server || GraphQL Language Service

I’m happy to provide either of these, but I’m not sure where to find them… Under the “Output” tab with “GraphQL Language Server”, I’m seeing nothing…