Query Renderer

queryRenderer.js

const LinkListPageQuery = graphql`
  query LinkListPageQuery(
    $count: Int!,
    $filter: LinkFilter,
    $after: String,
  ) {
    viewer {
      ...LinkList_viewer
    }
  }
`;

class LinkListPage extends React.Component {
  
  render() {
    return (
      <QueryRenderer
        environment={environment}
        variables={{
          count: ITEMS_PER_PAGE,
          filter: {
            description_contains: '',
          }
        }}
        query={LinkListPageQuery}
        render={({error, props}) => {
          if (error) {
            return <div>{error.message}</ div>
          } else if (props) {
            return <LinkList viewer={props.viewer} />
          }
          return <div>Loading</ div>
        }}
      />
    )
  }
}

export default LinkListPage;