Dropdown not rendering

Hi TreeSelect is not rendering properly despite importing all the styles. Below is my code

import 'rc-tree-select/assets/index.less';
import TreeSelect from 'rc-tree-select';

function App() {

  const data = [{
    label: 'search me',
    value: 'searchme',

  }]
  return (

    <div>
      Tree select demo
      <TreeSelect treeData={data} style={{ width: '300px' }} placeholder="select" />
    </div>
  );
}

export default App;

Dropdown is not rendering correctly as can be seen from the attached screenshot. Am I missing something here or is it a bug. Please let me know

Start by reproducing the supplied App example using the shown TreeSelect import, treeData, style, and placeholder, then compare the rendering with the attached screenshot. Done means determining whether the dropdown appearance is caused by the reported setup or by a component bug, with the missing environment and reproduction details documented.