[TextField] Print warning in console if lots of Inputs are mounted at once with pointer to disableInjectingGlobalStyles docs

Summary

The first time one runs into perf issues rendering hundreds of TextFields or Inputs, it's hard to figure out what the problem is. I'm only rendering several hundred text fields, yet the user experience is quite bad (page freezes for ~2 seconds)

It may seem like this problem has been sufficiently solved, but I didn't expect such poor performance out of the box or such an inelegant workaround to solve the problem.

MUI should at least log a warning in the console when performance is becoming a problem, with a link to the docs about how to fix it.

Examples

If more than 50 InputBases mount at once, MUI should log a warning message in the console like:

Warning: you are mounting a lot of InputBase components at once, which can cause performance problems. To work around this issue see https://mui.com/material-ui/react-text-field/#performance

Motivation

I wasted several hours trying to improve performance before realizing the issue was coming from TextField/Input adding global style tags and landing on issues about this.

It's nice that people added documentation about performance issues, but I never saw that section of the documentation.

It doesn't seem right that every developer who needs to mount hundreds of inputs should have to stumble around for a long time before finding this workaround.

Search keywords: disableInjectingGlobalStyles Input TextField