'How to pass `component` into tab panel when active?

Please explain to me how to pass component into tab panel when active in antd library? Example component Productshoe

<Tabs defaultActiveKey="1">
      <TabPane tab="productshoe" key="productshoe">
          <Productshoe/>
      </TabPane>

but it makes error



Solution 1:[1]

Your key in TabPane doesn't match with the key of parent Tabs. Try to keep the key value same. And keep key values unique if you add more tabs. Reference: Link

  <Tabs defaultActiveKey="productshoe" onChange={callback}>
    <TabPane tab="Tab 1" key="productshoe">
      <Productshoe/>
    </TabPane>
  </Tabs>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 heyitsvajid