TextField inputProps={{ maxLength: 50 }} выдает ошибку

есть задача: сократить количество символов в теге до 50, что я и попытался сделать, использовав параметр: inputProps={{ maxLength: 50 }}. получилось что-то такое

но в итоге при попытке вписать в поле что либо вылетает ошибка cannot read property 'focus' of null

в целом я смог нагуглить такой вариант где TextField оборачивается <div ref={params.InputProps.ref}> <input style={{ width: 200 }} type="text" {...params.inputProps} /> </div> примерно таким образом, но в таком случае поле схлоповается, игнорируя стили, но все работает. что тут не так может быть?