colocation.js

const GET_DOG_PHOTO = gql`
 query dog($breed: String!) {
  dog(breed: $breed) {
    id
    displayImage
  }
}`;

export const queryComponent = `const DogPhoto = ({ breed }) => (
  <Query query={GET_DOG_PHOTO} variables={{ breed }}>
    {({ loading, error, data }) => {
      if (loading) return null;
      if (error) return 'Error!';
      return (
        <img src={data.dog.displayImage} />
      );
    }}
  </Query>
);`;