How to properly organize the structure of tabs?

Question

React

What is the best way to create a tab structure from scratch?
For example:

// Example 1
  <Tabs>
    <Tab
      label="Таб 1"
      content={component1}
      active
    />
    <Tab
      label="Таб 2"
      content={component2}
    />
  </Tabs>

// Example 2
  <Tabs
    data={[
      {
        label: 'Таб 1',
        content: component1,
      },
      {
        label: 'Таб 2',
        content: component2,
      },
    ]}
    activeTabIndex={1}
  />

Which option is better to use or can be completely different?