Вариант выбора в реакции

Question

Так что у меня есть рабочий код. Проблема в том, что он работает только с "кнопкой", когда я использую опцию выбора и выбора, у меня проблема с функцией.

Весь код вы можете увидеть здесь: https://pastebin.com/6RFrmZPr

Проблема здесь:

  <select onChange={() => setCategory(category)} defaultvalue={state}>
    {productCategories.map(category => <OptionCategory setCategory={setCategory} category={category} />)}
  </select>

И вот вариант категории

const OptionCategory = ({ setCategory, category }) =>
  <option
      value = {`${category}`}
      className={`${category}`}
      onSelect={() => setCategory(category)}
      >
      {category}
  </option>;

Итак, после onSelect() программа должна использовать setCategory и отображать только продукты из этой категории.

Когда я меняю опцию на кнопке, и onSelect на onClick, она работает хорошо.