[data grid] Broken printable character with React 18

[oliviertassinari]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

The printable character starts the edit mode, but it's not added to the input with React 18. It works correctly with React 17.

Expected behavior 🤔

It's handled.

Steps to reproduce 🕹

Link to live example:

Steps:

1. Open https://codesandbox.io/s/datagriddemo-demo-mui-x-forked-w3u8bq?file=/demo.js

Screen.Recording.2022-08-08.at.00.08.43.mov

The different environments that I have tried:

• ✅ React 17, dev mode https://codesandbox.io/s/datagriddemo-demo-mui-x-forked-9ryg5i?file=/index.js
• ✅ React 17, prod mode https://csb-9ryg5i.vercel.app/
• ❌ React 18, dev mode https://codesandbox.io/s/datagriddemo-demo-mui-x-forked-psc6j1?file=/demo.js
• ❌ React 18, prod mode https://csb-psc6j1-olivier.vercel.app/

Context 🔦

It's noticeable since #4155 cc @m4theushw.

Your environment 🌎

@mui/x-data-grid@5.15.1

Order ID 💳 (optional)

No response

[cherniavskii]

May be related to #5283