Как показать NoOptionsText только с условием в автозаполнении MaterialUI

Question

У меня есть автозаполнение пользовательского интерфейса материала, которое выбирает его элементы на основе 3 букв, которые вы вводите, например:

Вы хотите получить все Pedros в вашей базе данных, затем вы набираете "Ped", и это приносит Вы только результаты, которые начинаются с «Пед».

Проблема в том, что когда я нажимаю в автозаполнении, он сразу же показывает сообщение «Нет вариантов», как

И я хочу, чтобы он отображался только после того, как я набрал 3 символа, и он не нашел "Ped" в базе данных, например:

Я пытался поставить условие внутри подпорки "noOptionsText", но это не сработало. Кто-нибудь знает, как это сделать?

РЕДАКТИРОВАТЬ: без использования freeSolo, опция должна быть объектом

Answer 1

Хорошо, я только что нашел способ ответить на мой вопрос.

В Autocomplete пользовательского интерфейса для материала есть подпорка "open". Я просто поставил условие вроде:

open={lenght >= 3}

Тогда параметры открываются только тогда, когда я набрал первые 3 символа, в противном случае оно не открывается. Кроме того, когда я набрал 3 символа, а вариантов нет, будет отображаться текст без параметров.