set visible Index when I change Tab

[durumi99]

Case.

1. change first Tab's visible element By arrow
2. click the Tab(해외주식)
3. It shows SAME index with previous Index

There are 2 tabIndex ("국내주식", "해외주식").
And It seems that they share same Index in scroll.
I want to maintain seperate visible Index.

[asmyshlyaev177]

Hi @durumi99 , can pass apiRef ref prop to menu, and reset state in useEffect, e.g. when selected tab changes.
https://codesandbox.io/p/sandbox/react-horizontal-scrolling-menu-v2-apiref-vdr0d?file=%2Fsrc%2Findex.tsx%3A37%2C14

[asmyshlyaev177]

@durumi99 Another option is to try to pass current tab name as key prop to a menu:

<ScrollMenu key={selectedTab}>
...
</ScrollMenu>