code: function User({ user, pets }) {
    return <div>
      <p>{user.name} has {pets.length} pets:</p>
      <ul>
        {pets.map(pet => {
          return <li key={pet.id}>
            <Link to={`/pets/${pet.id}`}>{pet.name}</Link>
          </li>
        })}
      </ul>
    </div>
  }
docs: function Users({ users, children }) { return <div> <h2>Users</h2> <ul> {users.map(user => { return <li key={user.id}> <Link to={`/users/${user.id}`}>{user.name}</Link> </li> })} </ul> {children} </div> }