autoFocus не работает на компоненте TextField в модальном режиме из пользовательского интерфейса материала в моем проекте реагирования js

Question

нормально, автофокус хорошо работает на текстовом поле пользовательского интерфейса.

<TextField
          autoFocus={true}
          label="Title"
          onChange={handleChange}
          name="title"
          value={form.title}
          variant="outlined"
        />

, но когда я использую модальный режим, который появляется, когда пользователь нажимает определенную кнопку, он не работает. Я догадывался дать истинное логическое значение для автофокуса позже, используя setTimeout. но этот подход не работает, может кто-нибудь сказать мне, как решить эту проблему, спасибо!