query.js

import React from 'react';
import { Navbar } from 'shared/components';
import { Query } from 'react-apollo';
import gql from 'graphql-tag';

const Home = () => {
  return (
    <>
      <Navbar isAuthenticated={true} />
      <div className="container">
        <Query query={QUERY}>
          {({ data, error, loading }) => {
            console.log(loading);
            return <div>Form</div>;
          }}
        </Query>
      </div>
    </>
  );
};

const QUERY = gql`
  query QUERY {
    conferences {
      id
    }
  }
`;

export default Home;