Post.js

import React from 'react';
import gql from 'graphql-tag';
import { useQuery } from 'react-apollo-hooks';
import withAuth from '../lib/withAuth';

const getPosts = gql`
  query getPosts($user_id: String!) {
    post(where: { user_id: { _eq: $user_id } }) {
      id
      title
      description
      created_at
      user {
        id
        displayName
        email
      }
    }
  }
`;

function Post({ token }) {
  const { data, loading } = useQuery(getPosts, {
    variables: {
      user_id: token && token['https://hasura.io/jwt/claims']['x-hasura-user-id'],
    },
  });
  if (!token) return <div>Loading ...</div>;
  if (loading) {
    return <div>Loading...</div>;
  }
  console.log(token);
  console.log({ data });
  return (
    <ul>
      {data.post.map(post => (
        <div key={post.created_at}>
          <h1>{post.title}</h1>
          <p>{post.description}</p>
        </div>
      ))}
    </ul>
  );
}

export default withAuth(Post);