Newbie question: why IonHeader repeated in react 3-tab example?

In the example code, IonHeaders are used twice. One is the sibling of IonContent component and the other inside it. I wonder what’s the point of writing IonHeader twice?

const Tab2: React.FC = () => {
  return (
          <IonTitle>Tab 2</IonTitle>
      <IonContent fullscreen>
        <IonHeader collapse="condense">
            <IonTitle size="large">Tab 2</IonTitle>
        <ExploreContainer name="Tab 2 page" />