title: How to focus on AutoComplete upon creation of the component?
body: <pre><code>      {all_state.length &gt; 0 &amp;&amp; (
          &lt;&gt;
            &lt;div&gt;
              &lt;Autocomplete
                autoHighlight={true} //needed
                autoSelect={true}
                id=&quot;geo-select-state&quot;
                options={all_state}
                value={state}
                onChange={(event, selected_state) =&gt; {
                  set_state(selected_state);
                }}
                classes={autocomplete_classes}
                renderInput={(params) =&gt; (
                  &lt;TextField {...params} label={&quot;State&quot;} margin=&quot;none&quot; focused /&gt;
                )}
              /&gt;
            &lt;/div&gt;
          &lt;/&gt;
        )}
  </code></pre>
  <p>When the condition <code>all_state.length &gt; 0</code> is met, the <code>AutoComplete</code> component will be created.</p>
  <p>But it will not be focused.</p>
  <p>How to get it to be focused upon creation?</p>