Do I need to refetch() when using reactive vars?

Help
,
1

I’m testing out Apollo reactive vars, but my query / component is not updated without calling refetch(), is this intended or am I doing something wrong?

Some code:

export const ticketStatusVar = makeVar<TicketStatuses>(TicketStatuses.Open);

const TicketList: React.FC<Props> = (props) => {
  const ticketStatus = useReactiveVar(ticketStatusVar);
  const { data, fetchMore } =
    useGetTicketListQuery({
      variables: {
        cursor: undefined,
        ticketStatus: ticketStatus
      },
      notifyOnNetworkStatusChange: true, 
    });

  return (
  <div>
    <Select 
      options={[TicketStatuses.Open, TicketStatuses.Closed]}
      onChange={value => {
        ticketStatusVar(value);
        // refetch(); // Won't re-render without this??
      }}
    />
  </div>
  );
}
2

I also tested adding a field policy:

export const ticketListFieldPolicy: TypedFieldPolicy<TicketList> = {
  read() {
    return {
      filters: {
        status: ticketStatusVar()
      }
    }
  }
}

and querying for it, using @export

gql`
  query GetTicketList(
    $ticketStatus: TicketStatuses!
  ) {
    ticketList @client {
      filters @client {
        status @client @export(as: "ticketStatus")
      }
    }
    allTickets(
      first: 20
      filterInput: {
        ticketStatus: $ticketStatus
      }
    ) {
      edges {
        node {
          ...TicketListItem
        }
      }
    }
  }
  ${TICKET_LIST_ITEM}
`;

but the query is still not updated / refetched automatically.

I guess this means that I’m supposed to call refetch() manually after changing query variables? Even when using reactive vars?