Вкладки пользовательского интерфейса материала не работают с прокруткой до

Question

Я пытаюсь прокрутить до div при нажатии на вкладку с вкладками пользовательского интерфейса материала, UseRef и ScrollTo.

Песочница Ссылка: https://codesandbox.io/s/exciting-sound-mrw2v

при нажатии на вкладке 2 я ожидаю прокрутки на содержимое вкладки Tab2 и содержимое вкладки 1, видимые при прокрутке. В настоящее время для прокрутки на элемент div требуется два щелчка, мне интересно, почему за ним стоит один щелчок. Любые лиды приветствуются. Спасибо!

Answer 1

Я отредактировал ваш пример и добавил хук useEffect, и если вы нажмете на вкладку 2., прокрутится до этого содержимого.

https://codesandbox.io/s/lingering-voice-y45cg