Bug v4.0.1 closes dropdown when overlay click about dropdown HOT 4 CLOSED

import { useState } from "react";
import Dropdown from "rc-dropdown";
import type { DropdownProps } from "rc-dropdown/lib/Dropdown";
import Menu, { MenuItem, Divider, MenuProps } from "rc-menu";
import "rc-dropdown/assets/index.css";
import "rc-menu/assets/index.css";

export default function App() {
  const [visible, setVisible] = useState(false);

  const onSelect: Required<MenuProps>["onSelect"] = ({ key }) => {
    console.log(`${key} selected`);
    // here close dropdown on select menu item
    setVisible(false);
  };

  const onVisibleChange: Required<DropdownProps>["onVisibleChange"] = (
    visible
  ) => {
    console.log("visible", visible);
    setVisible(visible);
  };

  const menuCallback = () => (
    <Menu onSelect={onSelect}>
      <MenuItem disabled>disabled</MenuItem>
      <MenuItem key="1">one</MenuItem>
      <Divider />
      <MenuItem key="2">two</MenuItem>
    </Menu>
  );

  return (
    <Dropdown
      trigger={["click"]}
      overlay={menuCallback}
      animation="slide-up"
      // controlled
      visible={visible}
      onVisibleChange={onVisibleChange}
    >
      <button style={{ width: 100 }}>open</button>
    </Dropdown>
  );
}