Ошибка urql: невозможно прочитать свойство имени переменной undefined, и я правильно его определил

Question

Вот моя проблема:

const GraphComponent = () => {
  const { GraphQuery } = useContext(GlobalContext);
  const query = `
  query($input: MeasurementQuery ){
      getMeasurements(input: $input){
      metric,
      value,
      unit,
      at
      }
  }
  `;
  const [{ fetching, data, error }] = useQuery({
    query,
    variables: {
      GraphQuery,
    },
  });
  useEffect(() => {
    const fun = () => {
      if (fetching) return <p>Loading...</p>;
      if (error) console.log(error.message);
      if (!data) return;
      console.log(data.getMeasurements);
    };
    fun();
  }, [fetching, error, data]);

  return <div></div>;
};

export default GraphComponent;

Переменная GraphQuery - это объект, который выглядит так

obj = {
      metricName: deets,
      after: Date.now() - 36000000,
      before: Date.now(),
    };

Запрос graphql на игровой площадке, который принимает переменную, выглядит так

{
  getMeasurements(input:{metricName:"tubingPressure", after:1587371198855,before:1587370098855}){
    metric,
    value,
    unit,
    at
  }
}

Но я все время получаю ошибку

[GraphQL] Cannot read property 'metricName' of undefined

Answer 1

Внутри useQuery попробуйте изменить свой код на:

variables: {
      input: GraphQuery,
    },
``