Используйте withState, чтобы изменить graphql запрос useQuery с помощью useEffect

Question

Я нашел этот вопрос, который помогает мне в этом. введите описание ссылки здесь , но я все еще не знаю, как реализовать это динамически с помощью useEffect.

Я хочуустановите переменные для моего запроса следующим образом:

  const [variables, setVariables] = React.useState(false)
  React.useEffect(() => {
    console.log(variables)
    refetch({
      userIds: variables
    });
    console.log("IN USEFEFFECT", userData)
  }, [variables]);

  const setSelectedUsers = values => {
    console.log("INITIAL DATA", userData)
    setSelectedUsersToDelete(values)
    setVariables(values.join(','))
  }

и я составлю запрос следующим образом:

import { graphql, compose } from 'react-apollo';
import { withState } from 'recompose';

export default compose(
    withState('isSkipRequest', 'setSkipRequest', true),
    graphql(
        gql`
        query($offset: Int, $limit: Int, $search: String, $userIds: String) {
          users(offset: $offset, limit: $limit, search: $search, userIds: $userIds) {
            id
            email
            firstName
            lastName
            phone
            email
          }
          totalUsers
        }
      `,
      {
        name: 'handleLoad',
          variables: {
            userIds: variables
          }
      }
    ),
);

Я просто не уверен, как связать все это, поэтому мойпеременные запроса изменяются динамически?