fetchPolicy.js

import React from 'react';
import { Query } from 'urql';

const getTodos = `
  query GetTodos {
    todos(limit: 10) {
      id
      text
      isDone
    }
  }
`;

const TodoList = () => {
  <Query query={getTodos}>
    {({ executeQuery, data }) => {
      if (!data) {
        return null;
      }

      return (
        <div>
          <ul>
            {data.todos.map(({ id, text }) => (
              <li key={id}>{text}</li>
            ))}
          </ul>

          <button
            onClick={() => executeQuery({ requestPolicy: 'network-only' })}
          >
            Refresh
          </button>
        </div>
      );
    }}
  </Query>;
};