apollo-client: Refetch is not refetching

Hello!

I have a pretty simple use case here where I have a query which fetches all contacts for a particular account. In another area of the app, I have an import feature which allows the user to import a csv of contacts. Upon returning to the contacts page, I call refetch on the query, however, the new data is never actually fetched, only the old data is returned without the added contacts. Upon refreshing the app, the new data is properly fetched. Am I missing something?

function isLoading(props) {
  const { accounts, contacts } = props;

  return accounts.loading || contacts.loading;
}

module.exports = class extends React.Component {
  componentDidMount() {
    this.props.contacts.refetch();
  }

  render() {
    console.log(isLoading(this.props));

    const Footer = () => (
      <div className="box-footer text-right">
        <Button
          label="Create Contact"
          size="sm"
          onClick={ () => showContact() }
        />
      </div>
    );

    return !isLoading(this.props) ? (
      <WidgetBox boxTitle="Contacts" Footer={ Footer }>
        { renderContacts(this.props) }
      </WidgetBox>
    ) : null;
  }
};