javascript - headlessUi (tailwind) 選択をオートフォーカスする方法は?

Question

1 つのページを開くときは、選択を既に開いておく必要があります。このtailwindcss selectを使用します

私はこれを試しました

<Listbox value={selectedPerson} onChange={setSelectedPerson}>
  //Listbox.Button has a prop called autoFocus
  <Listbox.Button autoFocus={true}>{selectedPerson.name}</Listbox.Button>
  <Listbox.Options>
    {people.map((person) => (
      <Listbox.Option
        key={person.id}
        value={person}
        disabled={person.unavailable}
      >
        {person.name}
      </Listbox.Option>
    ))}
  </Listbox.Options>
</Listbox>

小道具「オートフォーカス」は存在しますが、機能していないようです。なにか提案を？