Эстафета: разрыв запроса без признаков того, что не так

Question

Я начал изучать graphql (добавляя реле здесь), поэтому я выполнил шаги, чтобы запустить реле, я создал свой первый запрос:

function fetchQuery(operation, variables) {
  return fetch("http://localhost:3000/graphql", {
    method: "POST",
    headers: {
      "Content-Type": "application/json"
    },
    body: JSON.stringify({
      query: operation.text,
      variables
    })
  }).then(response => {
    return response.json();
  });
}

const modernEnvironment = new Environment({
  network: Network.create(fetchQuery),
  store: new Store(new RecordSource())
});

class ClientList extends React.PureComponent {
  render() {
    return (
      <QueryRenderer
        envieronment={modernEnvironment}
        query={graphql`
          query ClientListQuery {
            clients {
              name
              cnpj
              ie
            }
          }
        `}
        variables={{}}
        render={({ error, props }) => {
          console.log("props", props);
          return <h1>hi</h1>;
        }}
      />
    );
  }
}

Но это терпит неудачу со следующей ошибкой на консоли:

Uncaught TypeError: Невозможно прочитать свойство 'unstable_internal' из undefined в fetchQueryAndComputeStateFromProps (ReactRelayQueryRenderer.js:214) в новом ReactRelayQueryRenderer (ReactRelayQueryRenderer.js:74-класс-класса-реактив-класса:80-класс-класса-класса-класс-класс-класс-класс-класс-класса) Разработка response-dom.development.js:100) в Object.invokeGuardedCallbackDev (Reaction-dom.development.js:138) в invokeGuardedCallback (Reaction-dom.development.js:187)

Благодарю.