напиши так

<Form.Control as="select" defaultValue="Choose...">
    <option>Choose...</option>
    <option>...</option>
</Form.Control>

проблема он selected

так убери его
и с помощью defaultValue пусть будет выбран

а нужно типо его видно 1ым , но его нельзя выбрать

disabled оставь

через display:none можно скрыть опцию с самого списка, но она останется выбранной и будет как плейсхолдер

работает спасибо  :)

Подскажите, пожалуйста, как сделать лист кнопок, которые можно делать disabled. Т.е есть массив с кнопками, которые я отображаю. Как мне лучше реализовать disabled при ее нажатии?
Я пробовал менять переменную в массиве, но это не помогает, потому что нужно каким-то образом ререндерить, а setVar не помогает, потому что сам массив не изменился.

в объект кнопки добавить поле disabled = true/false, при нажатии менять его на true. и к кнопке добавить disabled={button.disabled}

          {topics.map((item, pos) => {
            return (
              <Button key={item.id} onClick={() => {
                const t = topics;
                t[pos].disabled = !topics[pos].disabled;
                setTopics(t);
              }} disabled={item.disabled}>{item.name}</Button>
            );
          })}

Так не работает, потому что ререндер не происходит

кнопке добавить value или id, при нажатии возвращать копию массива с измененным состоянием disabled у кнопки  с данным value/id

ты здесь копируешь ссылку
а не массив

const t = topics;

сделайте через useState. закиньте туда topics, создайте функцию, которая меняет disabled у данной кнопки и возвращает копию массива, только и измененным disabled и при клике на кнопку вызывайте эту функцию

я нашел причину. именно при удалении объекта из дерева объектов usestate происходит сброс плеера ютуб в iframe. при ДОБАВЛЕНИИ все отлично. как быть?

поменяй на

const t = [...topics];

const t = [...topics];

Поменял на копию, теперь работает. Спасибо за ответы! :)

каким образом удаляется элемент?

Object.keys(obj).forEach((key, i) => {
           if (!_users.includes(key)) {
                 delete (obj[key]);            <—————————————
               if (activeTab === key) {
                   setActiveTab("Home");
               }
           }
       });

дока дока дока

отметил стрелкой