Generate new tab after click on the table row

Not a bug.

I can't find example on generate new tab on your page.

Mine is working but it doesn't generate new tab after you click on the row.

Example:

first component:

<tr {...row.getRowProps()} onClick={ (e) => Test(row.values)} />

second component:

function Test(data) {
      return (
          <>
            {Object.keys(data).map(key =>
              <Tab key={key}>{key}</Tab>
            )}
          </>
      )
}

Third component:

const TabTable = () => {
    return (
        <div>
            <Tabs>
                <TabList>
                    <Tab key="Main">Main</Tab>
                    <Test />
                </TabList>
                <TabPanel>
                    <LoadData />
                </TabPanel>
            </Tabs>
        </div>
    );
}

LoadData is a table.

Yes, I use import Test in TabTable, it's just snippets.

That would be great for people who are new at generating tabs.

既存のReactタブのドキュメントを、このissue内のJavaScriptスニペットと併せて確認してください。テーブルの行をクリックした後に新しいタブを開く、または生成する例をどこに配置すべきかを判断し、新しく参加する人がこのインタラクションを扱う動作する例を見つけられるようになった時点で、ドキュメントが完全になったとみなしてください。