How to load apollo graphQL data

I’m trying to load user data from a graphql query, specifically react-apollo hooks. it doesn’t appear useEffect updates are captured. The state.set({…}) doesn’t seem to update; It could be that I’m not processing useQuery() results appropriately. Can you offer me help here? I’m sure apollo and graphql users would appreciate and demonstrate how this use works.

import {useQuery} from 'react-apollo';

function getLoggedUser() {
  const {data, loading} = useQuery(queries.GET_ME);
  const {me} = data || {};
  return {me, loading};
}

Here’s where I create the state

function useUserState( ) {
  const {me, loading} = getLoggedUser();

  const state = createState({
      userName: '', 
      userTitle: '',
   });

  useEffect(() => {

    const init = () => {
      state.set({...me});
    };

    if (me) {
      init();
    }

  }, [me]);

  return useState(state);
}

This is what have in my render function.

function renderUserState(){
   const  userState = useUserState()
   console.log( userState.get());   
}

// {useName:'', useTitle: ''}

[avkonst]

Hope it answers your questions. I have use apollo client with Hookstate. It was successful. Although I found later there are lighter GraphQL clients, which do the queries only and do not manage the state - this is what I needed, because the state was managed by Hookstate.

[avkonst]

1. useQuery uses useState inside too. So you have got 2 state hooks and one effect hook to sync states. There is better alternative: do not use apollo hooks, just use apollo client to execute queries (do not remember function). The client will return you the Promise, which you can map to the desired state value and initialize hookstate state directly with it. See async states with Hookstate: https://hookstate.js.org/docs/asynchronous-state