Выбранный вариант для Fluent UI Выберите веб-компонент

Question

Я пытаюсь реализовать компонент FluentSelect React из библиотеки веб-компонентов Fluent UI в качестве контролируемого компонента.

      <FluentSelect
 defaultValue={value}
 onInput={(e) => setValue(e.target.currentValue)}
>
  <FluentOption selected={(value == "One")} value="One">One</FluentOption>
  <FluentOption selected={(value == "Two")} value="Two">Two</FluentOption>
  <FluentOption selected={(value == "Three")} value="Three">Three</FluentOption>
</FluentSelect>

Как я могу заставить Select отображать текущее значение? Я пробовал разные конфигурации, но по умолчанию всегда используется первый вариант.