Graphql: Неожиданный вызов во время выполнения. Либо вавилонское преобразование не было настроено, либо ему не удалось идентифицировать этот сайт вызова

введите описание изображения здесь ниже приведена ссылка, с которой сталкивается фактическая ошибка я столкнулся с этой проблемой в простом современном ретрансляторе react-js я пробовал все эти шаги о загрузчике babel подобно

пакет.json в package.json я пробовал это после того, как нашел несколько решений, но не исправил

"devDependencies": {
    "babel-plugin-relay": "^4.0.0",
    "graphql": "^14.3.1",
    "relay-compiler": "^4.0.0"
  },

я начинаю с graphql, но столкнулся с этой проблемой, я уже создал схему и успешно запустил "реле запуска пряжи" но все равно эта ошибка

import React from 'react';
import  env  from './environment';
import { graphql, QueryRenderer } from 'react-relay';

const App = () => (
  <QueryRenderer
    environment = {env}
    query = {graphql`
      query AppQuery{
        allPersons {
          id
          name
        }
      }
    `}
    variables = {{}}
    render = {({error, props}) => {
      if (error) {
        return <div>Error!</div>;
      }if (!props){
        return <div>Loading...</div>;
      }
      return <div>user</div>;
    }}
  />
);
export default App;