如何让MuiList自动滚动

import React from 'react';
import { MuiList, MuiListItem, MuiListItemText } from '@material-ui/core';

const MyComponent = () => {
  return (
    <div style={{ height: '300px', overflow: 'auto' }}>
      <MuiList>
        <MuiListItem>
          <MuiListItemText primary="Item 1" />
        </MuiListItem>
        <MuiListItem>
          <MuiListItemText primary="Item 2" />
        </MuiListItem>
        <MuiListItem>
          <MuiListItemText primary="Item 3" />
        </MuiListItem>
        {/* 添加更多的列表项 */}
      </MuiList>
    </div>
  );
};

export default MyComponent;