gql-tag.js

import React from 'react';
import gql from 'graphql-tag';
import { Query } from 'urql';

const getTodos = gql`
  query GetTodos($limit: Int!) {
    todos(limit: $limit) {
      id
      text
      isDone
    }
  }
`;

<Query query={getTodos} variables={{ limit }} />;