JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="sub-menu-active">
  <li>EXAMPLE TEXT</li>
  <li>EXAMPLE TEXT</li>
  <li>EXAMPLE TEXT</li>
  <li>EXAMPLE TEXT</li>
  <li>EXAMPLE TEXT</li>
  <li>EXAMPLE TEXT</li>
  <li>EXAMPLE TEXT</li>
  <li id="current-menu-item">THE TEXT WE WANT</li>
  <li>EXAMPLE TEXT</li>
  <li>EXAMPLE TEXT</li>
  <li>EXAMPLE TEXT</li>
</ul>

CSS

ul {
  height: 100px;
  overflow: scroll;
}

JavaScript

let el = document.getElementById('current-menu-item')
el.scrollIntoView({
  behavior: 'smooth',
  block: 'start',
  inline: 'end'
})