makeVar Apollo

makeVar-apollo.js

// Инициализация переменной в корне(если инитить в компоненте или в любой обертке функции работать не будет)

export const translationInterface = makeVar({});

/****************************/
// в компоненте получаем данные из query и кладем в рективную переменную
import { translationInterface } from "../../../graphql/cache";


// SET dataQueryTranslation to reactive variable
  useEffect(() => {
    translationInterface(dataQueryTranslation)
  }, [ dataQueryTranslation ]);


/****************************/
// в компоненте где необходимо получить данные из рекативной переменной вызываем хук Apollo useReactiveVar() и тут же получаем данные
import { translationInterface } from "../../../graphql/cache";
import { useReactiveVar } from "@apollo/client";


 // GET dataQueryTranslation arr from reactive variable
    const translationReactiveVar = useReactiveVar(translationInterface)?.translations?.data;