Bug: Memory leak for input element in react 18.2.0 and 16.14.0

[mshmyw]

React version: 16.14.0 and 18.2.0

Steps To Reproduce

I can give a demo more obvious, the demo: https://codesandbox.io/s/admiring-khayyam-3s64gq?file=/src/App.tsx

Steps To Reproduce:

1. a simple demo can be found Here: https://codesandbox.io/s/admiring-khayyam-3s64gq?file=/src/App.tsx
2. running GC and Take a heap snapshot
   
3. Click 'open Modal click for test memory leak (has large input items)' and open modal
4. focus any input item
   
5. close modal
6. refresh state for click 'refresh state '
7. running GC and Take a heap snapshot
   

and after that you can found large detached input element exist

Link to code example:
https://codesandbox.io/s/admiring-khayyam-3s64gq?file=/src/App.tsx

The expected behavior

hope some one can help resolve this

[MarceloSpessoto]

Hello mshmyw, this behavior is indeed very weird. I will try to see what is happening and see if I can fix it

[sophiebits]

Will comment on #26069.