I’m working on a React project where I need a dialog component that smoothly transitions between expanded and minimised states. The dialog must be fluid, hugging its content, so I can’t use fixed dimensions. I’ve encountered issues with flickering and inaccurate dimension calculations. What strategies or techniques can I use to achieve smooth animations and reliable transitions in this scenario? Any examples or insights from those who have tackled similar challenges would be greatly appreciated!

Thank you!