React Suspense with Apollo Cache (as presented in the talk, State of React by Jared Palmer @reacteurope 2019)

usage.js

const UserDetailRepos = ({login}) => {
  const {data} = useQuery(USER_REPOS, {
    variables: {login}
  }) 
    
  const {
    user: {
      reposositories: { nodes }
    }
  } = data
  
  return (
     <>{nodes && nodes.length > 0 ? nodes.map((node) => <Node node={node} /> ) : null}</>
  )

}

useQuery.js

export const useQuery = (query, props) => {
  try {
    // try to read data from the cache
    const data = Client.readQuery({query, ...props})
    return {data}
  } catch (error) {
    throw Client.query({query, ...props})
      .then(data => ({data}))
  }
}