Integration with Material-UI's autocomplete

[WilsonPhooYK]

Does anyone have success integrating this with Material-UI's autocomplete?

This is my code currently and the arrow keys don't work.

const ListComponent = forwardRef((props, ref) => {
  const { children, ...comProps } = props;

  return (
    <Scrollbars
      {...comProps}
      ref={(node) => ref(node?.container)}
      autoHeight
      autoHeightMin={0}
      autoHeightMax={500}
    >
      {children}
    </Scrollbars>
  );
});