Consider this code snippet using Apollo React Client: const Dogs = ({ onDogSelected }) => ( <Query query={GET_DOGS}> {({ loading, error, data

Consider this code snippet using Apollo React Client: const Dogs = ({ onDogSelected }) => ( <Query query={GET_DOGS}> {({ loading, error, data }) => { if (loading) return 'Loading...'; if (error) return `Error! ${error.message}`; return ( <select name="dog" onChange={onDogSelected}> {data.dogs.map(dog => ( <option key={dog.id} value={dog.breed}> {dog.breed} </option> ))} </select> ); }} </Query> );