[TextareaAutosize] Unstable height when rendered in a Next.js RSC page

[vladpaul09]

Steps to reproduce 🕹

Live example: https://codesandbox.io/p/sandbox/https-github-com-mui-material-ui-issues-38607-5h5ndr?file=%2Fsrc%2Fapp%2Fpage.tsx%3A22%2C1

Unstable height TextField multiline on nextjs app router when i reload the page. Same thing happens on page first load. For bug reproduction, i used material-ui-nextjs-ts from the example folder. Video below.

https://github.com/mui/material-ui/assets/57659794/a37ddb07-246a-478e-b360-73e6518836b9

Current behavior 😯

No response

Expected behavior 🤔

No response

Context 🔦

No response

Your environment 🌎

Expand

System: OS: Windows 10 10.0.19044 Binaries: Node: 16.16.0 - C:\Program Files\nodejs\node.EXE Yarn: Not Found npm: 8.11.0 - C:\Program Files\nodejs\npm.CMD Browsers: Chrome: 116.0.5845.97 Edge: Spartan (44.19041.1266.0), Chromium (116.0.1938.54) npmPackages: @emotion/react: latest => 11.11.1 @emotion/styled: latest => 11.11.0 @mui/base: 5.0.0-beta.11 @mui/core-downloads-tracker: 5.14.5 @mui/icons-material: latest => 5.14.3 @mui/material: latest => 5.14.5 @mui/private-theming: 5.14.5 @mui/styled-engine: 5.13.2 @mui/system: 5.14.5 @mui/types: 7.2.4 @mui/utils: 5.14.5 @types/react: latest => 18.2.21 react: 18.x => 18.2.0 react-dom: 18.x => 18.2.0 typescript: latest => 5.1.6

Search keywords:

Search keywords: