Can not get the child node ref in the useEffect when the tab is visible at the first time

[JackClown]

Reproduction link

Steps to reproduce

click Tab 2

What is expected?

console shows tab 2 ref <div>Content of Tab Pane 2</div>

What is actually happening?

tab 2 ref null

Environment	Info
antd	4.23.6
React	17.0.2
System	macOS Monterey
Browser	Chrome 106

---

it works fine at antd@4.21.6.
maybe it is caused by the rc-tabs using rc-motion which delays child node mounting after active changed

[github-actions]

You may look for issues:

1. 51% Modal render children is not sync which break getting ref in useEffect #26545
2. 50% Content and border of sortable table row not visible when dragging inside modal. #26096

_{🤖 By issues-similarity-analysis}

[JackClown]

Any update on this matter?

[JackClown]

@afc163

[JackClown]

Modal has similar problem that it will delay children nodes rendering with antd@4.24.x

[JackClown]

the rendering order is different as we think in the normal

[JackClown]

@zombieJ

[monolithed]

I have a similar issue with flickering and render lag