[data grid] Grid does not autosize after cell edit

[MordechaiWein]

Steps to reproduce

Steps:

1. Open this link to live example: (required)

Current behavior

The mui x grid does not autosize correctly

Expected behavior

The grid should auto-size Upon completion of cell edit

Context

I had to do this as a workaround.

  useEffect(() => {
        if (apiRef.current) {
            setTimeout(() => {
                apiRef.current.autosizeColumns({includeOutliers: true})
            }, 5)
        }
    }, [merchants, apiRef])

very upsetting and not working in prod

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: mui

[michelengelen]

To help us diagnose the issue efficiently, could you provide a stripped-down reproduction test case using the latest version? A live example would be fantastic! ✨

For your convenience, our documentation offers templates and guides on creating targeted examples: Support - Bug reproduction

Just a friendly reminder: clean, functional code with minimal dependencies is most helpful. Complex code can make it tougher to pinpoint the exact issue. Sometimes, simply going through the process of creating a minimal reproduction can even clarify the problem itself!

Thanks for your understanding! 🙇🏼