Typography: Editable icon not shown on dynamical update

[la99er]

Reproduction link

Steps to reproduce

1. Use the Typography component and add an editable object to it.
2. Make the icon of the editable object be different, when something changes.

What is expected?

The Icon should switch or disappear, depending on what you provide as icon.

What is actually happening?

The icon never switches/shows up.

Environment	Info
antd	5.16.1
React	18.x
System	Linux
Browser	Firefox 124.0.1

---

When I wrap the children of the Typography component into a span element for example, everything seems to work.
In "/components/typography/Base/index.tsx" in line 400, I see that the icon is wrapped by a Tooltip. So maybe the Tooltip component has an issue with changing children on the fly or something like that. Also, this only happens, when the children is a primitive type. As soon as I change it to a more complex type, it seems to work as well. For example

<Typography {...}>
  {test}
</Typography>

When test is a string for example, the issue is happening.

<Typography {...}>
  abc{test}
</Typography>
The issue is not happening.

<!-- generated by ant-design-issue-helper. DO NOT REMOVE -->

[crazyair]

First, try changing the children to avoid the issue, which is already being fixed

[crazyair]

#48350

[la99er]

Thanks for the hint! I didn't look for closed tickets 🙈 My bad