Repository: ant-design
Issue: Table自定义筛选菜单Visible改变后不会触发自定义菜单渲染
Labels: Inactive,unconfirmed

### Reproduction link
```typescript
import React from 'react';
import './index.css';
import { SearchOutlined } from '@ant-design/icons';
import { Input, Table } from 'antd';
import type { ColumnType, ColumnsType } from 'antd/es/table';
import type { FilterDropdownProps } from 'antd/es/table/interface';

interface DataType {
  key: string;
  name: string;
  age: number;
  address: string;
}

type DataIndex = keyof DataType;

const data: DataType[] = [
  {
    key: '1',
    name: 'John Brown',
    age: 32,
    address: 'New York No. 1 Lake Park',
  },
  {
    key: '2',
    name: 'Joe Black',
    age: 42,
    address: 'London No. 1 Lake Park',
  },
  {
    key: '3',
    name: 'Jim Green',
    age: 32,
    address: 'Sydney No. 1 Lake Park',
  },
  {
    key: '4',
    name: 'Jim Red',
    age: 32,
    address: 'London No. 2 Lake Park',
  },
];

const FilterSearch: React.FC<FilterDropdownProps> = (props) => {
  console.log('filter search visible change', props.visible);
  return (
    <div style={{ padding: 8 }} onKeyDown={(e) => e.stopPropagation()}>
      <Input style={{ marginBottom: 8, display: 'block' }} />
    </div>
  );
};

const App: React.FC = () => {
  const getColumnSearchProps = (
    dataIndex: DataIndex
  ): ColumnType<DataType> => ({
    filterDropdown: (filterDropdownProps) => (
      <FilterSearch {...filterDropdownProps} />
    ),
    filterIcon: (filtered: boolean) => (
      <SearchOutlined style={{ color: filtered ? '#1677ff' : undefined }} />
    ),
  });

  const columns: ColumnsType<DataType> = [
    {
      title: 'Name',
      dataIndex: 'name',
      key: 'name',
      width: '30%',
      ...getColumnSearchProps('name'),
    },
    {
      title: 'Age',
      dataIndex: 'age',
      key: 'age',
      width: '20%',
      ...getColumnSearchProps('age'),
    },
    {
      title: 'Address',
      dataIndex: 'address',
      key: 'address',
      ...getColumnSearchProps('address'),
      sorter: (a, b) => a.address.length - b.address.length,
      sortDirections: ['descend', 'ascend'],
    },
  ];

  return <Table columns={columns} dataSource={data} />;
};

export default App;

```

[https://stackblitz.com/edit/react-b86g5m-qb2mdm?file=demo.tsx](https://stackblitz.com/edit/react-b86g5m-qb2mdm?file=demo.tsx)

### Steps to reproduce

点击Name列的搜索按钮查看日志输出
![GIF 2023-12-22 10-37-26_bug](https://github.com/ant-design/ant-design/assets/6482819/b8ae3c44-6bf7-4673-8137-c03e36d81bfd)


### What is expected?

当DropDown隐藏后能够输出
filter search visible change false

回退到5.4.7结果是正常的，下面是5.4.7的示例
[https://stackblitz.com/edit/react-b86g5m-ue6ec1?file=demo.tsx](https://stackblitz.com/edit/react-b86g5m-ue6ec1?file=demo.tsx)

![GIF 2023-12-22 11-01-20_ok](https://github.com/ant-design/ant-design/assets/6482819/8aa24469-e18b-42cd-9f19-48bbae556fbb)


### What is actually happening?

当DropDown隐藏后不会有任何日志输出

| Environment | Info |
| --- | --- |
| antd | 5.12.4 |
| React | 18.2 |
| System | windows 11 |
| Browser | chrome 120.0.6099.110 |

<!-- generated by ant-design-issue-helper. DO NOT REMOVE -->