Main.js

const Main = () => {
  return (
    <div className="Main">
      <Link to="/apollo" className="switch">
        Switch to Apollo
      </Link>
      <div className="container">
        <QueryComponent>
          {data => {
            return (
              <React.Fragment>
                <ContactList edges={data.viewer.allContacts.edges} />
                <MutationComponent viewer={data.viewer} />
              </React.Fragment>
            );
          }}
        </QueryComponent>
      </div>
    </div>
  );
};

export default Main;