freks blog

{
  me {
    name
    age
    profilePicture {
      url
    }
    events {
      title
      date
    }
  }
}

function Me({ name, age }) {
  return (
    <div>
      <h1>{name}</h1>
      <p>{age}</p>
    </div>
  );
}

function ProfilePicture({ url }) {
  return <img src={url} />;
}

function Event({ title, date }) {
  return (
    <div>
      <h2>{title}</h2>
      <p>{date}</p>
    </div>
  );
}