Прокрутка до элемента списка в Списке в Material-UI

Question

У меня есть выпадающий список, и когда пользователь выбирает какой-то элемент из него, тогда вызывается scrollToItem, и он должен перейти к выбранному элементу списка в пользовательском интерфейсе. Но с помощью следующего кода это не происходит, просто не прокручивается вообще. Кто-нибудь может взглянуть?:

  const scrollToItem = (e, data) => {
    if (data) {
      const { index } = data;
      listRef.current.scrollTo(0, index * 48)
    }
  };

return (
  <>
    <List ref={listRef}>
      {data.map((item, index) => (
        <ListItem
          key={index}
          onClick={() => setIndex(index)}
        >
          <ListItemText
            primary={item.m}
          />
        </ListItem>
      ))}
    </List>
    {* DROPDOWN COMPONENT HERE *}
  <>
)