可以从GraphQl本地查询中获取我的反应性变量

Question

我正在尝试使用React设置Apollo 3的本地状态。由于未知的原因，当我尝试阅读自定义类型时，我的查询不起作用（iSauthenticated查询效果很好）。您能帮我了解我的文字探索了有关本地州管理的所有文档和链接吗？

谢谢

cache.js

import { InMemoryCache, makeVar, gql } from '@apollo/client'

export const isAuthenticatedVar = makeVar(!!localStorage.getItem('token'))
export const userVar = makeVar("")

export const cache = new InMemoryCache({
  typePolicies: {
    Query: {
      fields: {
        isAuthenticated: {
          read() {
            return isAuthenticatedVar()
          }
        },
        user: {
          read() {
            return userVar()
          },
          __typename: 'User',
        }
      }
    }
  }
})

export const IS_AUTHENTICATED = gql`
  query IS_AUTHENTICATED {
    isAuthenticated @client
  }
`

export const GET_LOCAL_USER = gql`
  query GET_LOCAL_USER {
    user @client
  }
`

typedej.js

import { gql } from '@apollo/client'

export const typeDef = gql`

  extend type User {
    id: ID!
    name: String!
    surname: String!
    email: String!
    password: String!
    phone: String!
    adress: Adress!
    isAdmin: Boolean!
    isCoach: Boolean!
    isManager: Boolean!
  }

  extend type Query {
    isAuthenticated: Boolean!
    user: User!
  }
`

export default typeDef

test.js

const login = (email, password) => {
    const emailLower = email.toLowerCase()
    client.query({
      query: LOGIN,
      variables: { email: emailLower, password: password }
    })
    .then(result => {
      console.log(result)
      localStorage.setItem('token', result.data.login.token)
      localStorage.setItem('userId', result.data.login.user.id)
      
      isAuthenticatedVar(true)
      userVar({ ...result.data.login.user})
      console.log('USER VAR SETUP')
      ///Console.log show that userVar contains an object with all User data
      console.log(userVar())
      var test 
      try{
        //test return NULL object
        test = client.readQuery({ query: GET_LOCAL_USER}).user
      }catch(error) {
        console.log(error)
      }
      console.log('FETCH QUERY userVar')
      console.log(test)

      navigate("/")
    })
    .catch(error => {
      console.log(error)
    })
  }