再取得しようとするとApolloクライアントのサーキュラーエラー

Question

私のAppコンポーネントにreloadボタンがあります。 reloadをクリックすると、基本的にgraphqlクエリを再起動することで再フェッチが実行されます。

私が現在リロードを実行しているのは、ユーザーがreloadをクリックしたときにApollosの再フェッチ機能を使用する方法です。私はリロードをクリックすると、ただし、次のエラーが発生します。ここでは

は私のgraphql HOCコードです：ここで

const mapApiToProps = graphql(ASSETS_QUERY, { 
    props: ({ ownProps, data }) => { 
    return { 
     assets: data.assets, 
     isLoading: data.loading, 
     handleReload: data.refetch // Doesn't currently work 
    } 
    } 
}); 

は私のクエリです：ここでは

export const ASSETS_QUERY = gql` 
    query getUserAssets { 
    assets { 
     body 
     id 
    } 
    }` 

は私のコンポーネントでありますコード：

class App extends Component { 
    render() { 
    const {handleReload, isLoading, assets} = this.props; 
    return (
     <div> 
     <ReloadBtn handleReload={handleReload} isLoading={isLoading} /> 
     <AssetList assets={assets} /> 
     </div> 
    ) 
    } 
} 

そして最後に、私の接続：

export default compose(
    connect(mapStateToProps, mapDispatchToProps), 
    mapApiToProps 
)(App); 

エラーが発生した理由を任意の洞察力？

Answer 1

return { 
    assets: data.assets, 
    isLoading: data.loading, 
    handleReload:() => { data.refetch() } 
}