DropDownTree Height Problem

const popupSettingsValue: DropDownsPopupSettings = {
  popupClass: 'test'
}

    return (
      <DropDownTree
        popupSettings={popupSettingsValue}
        ......

export interface DropDownsPopupSettings {
    /**
     * Controls the popup animation. By default, the open and close animations are enabled.
     */
    animate?: boolean | PopupAnimation;

    /**
     * Specifies a list of CSS classes that will be added to the Popup element.
     */
    className?: string | Array<string>;

    /**
     * Specifies a list of CSS classes that are used for styling the popup inner element.
     */
    popupClass?: string;

    /**
     * Sets the width of the popup container. By default, the width of the host element is used.
     */
    width?: string | number;

    /**
     * Sets the height of the popup container. By default, the height is 200px.
     */
    height?: string | number;
    /**
     * Defines the container to which the Popup will be appended.
     * Defaults to [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body).
     */
    appendTo?: HTMLElement;
}