For the development of a Ract component I used MUI Autocomplete. I got the array of objects from SharePoint list and used this data as a parameter for options. Actually, you can use any source.
But I had a lot of warnings in console.

MUI: The value provided to Autocomplete is invalid.
None of the options match with {"Id":0,"Title":"","ProjectDescription":"","AvailableObjects":[]}.
You can use the isOptionEqualToValue prop to customize the equality test.

I used a TextField component in MUI and wanted to make a label always visible. By default, it hides, when cursor is out (onBlur) and the value is empty. Very strange and not what I wanted to.

If you want to customize the styles for filter panels in DataGrid from Material UI (MUI), you need to know, where it is. And only so. To update these styles you can only with the object properties.

If you use a Pro version of Material UI, then you have a tool, how to switch the cells in the DataGrid table. But if you work with a wide table and you just want to make it more comfortable to work with it, there are some tricks for that. The first thing is to 'freeze' the header, so user can collate the column and headers. All the Excel users like this function. And the second thing is to allow user scroll the page if he has a small resolution and he doesn't have touch screen.

To modify the size of the TextField component in Material UI, you can make several things. The basic modification is obvious, but other ones are not so. By default, the component TextField is rather big and it's really a common task to make it less.