[BUG] Ant Design's Tooltip component not showing when used with ImportButton

[okaeiz]

Describe the bug

I am using ExportButton, CreateButton and ImportButton and I wrap them with Ant Design's Tooltip component. When I hover over the buttons, ExportButton and CreateButton's tooltips are shown. But the ImportButton's tooltip is not shown when hovered. Here's how I am using it:

            <Tooltip title={"بارگذاری"} placement="top">
              <ImportButton
                {...importProps}
                buttonProps={{ icon: <UploadOutlined />, disabled: true}}
                uploadProps={{
                  accept: ".csv,.xls,.xlsx",
                }}
              >
                بارگذاری
              </ImportButton>
            </Tooltip>

Steps To Reproduce

1. Create an ImportButton component.
2. Wrap it with Ant Design's Tooltip component.
3. Hover over the button to check if the tooltip is shown.
4. It's not.

Expected behavior

I expect all Refine buttons to have the standard behavior when used along with antd components.

Packages

• @refinedev/core ("^4.56.0")
• @refinedev/antd ("^5.44.0")
• antd ("^5.17.0")

Additional Context

This issue might be relevant to #1630.

[Samuel-Habib]

Hey I think I could figure this out, could I be assigned to this issue?

[alicanerdurmaz]

Hello @Samuel-Habib, I assigned to you. Thanks for improving Refine!

[okaeiz]

@Samuel-Habib Could you please explain where the problem is? Is the implementation of Refine's ImportButton?