VanillaJs

function onClickClose(elem) { // вызвать в момент показа окна, где elem - окно
    function outsideClickListener(event) {
        if (!elem.contains(event.target) && isVisible(elem)) {  // проверяем, что клик не по элементу и элемент виден
             elem.style.display = 'none'; //скрыть
             document.removeEventListener('click', outsideClickListener);
        }
    }
    document.addEventListener('click', outsideClickListener)
}
function isVisible(elem) { //открыто ли условное окно
   return !!elem && !!( elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length );
}

Надо переписать объект sms

someFunction = () => {
      const {sms} = this.state;
      sms.disabled = true;
      this.setState({sms});
}

Таким образом вы обновите поле disabled в sms
--------
Или еще так

someFunction = () => {
      this.setState({sms: {...this.state.sms, disabled: true}});
}

--------
еще так можно

someFunction = () => {
      this.setState(prevState=>({sms: {...prevState.sms, disabled: true}}));
}

Последний вариант самый устойчивый к коллизиям, связанным с изменением стейта в других места программы

Вы используете this.setState в function ,
response.json().then(function(data)
у которой свой this, а не this класса LibraryContent.

Надо заменить на стрелочную функцию, как выше
.then(response => {

console.log("Эта строка в консоль уже не выводится");

Это не выполняется, так выше у this нет setState, следовательно должна была произойти ошибка

this.setState is not a function

Вариант 1

const arr = objArray.map(obj=>({...obj, foo: 10}));

Вариант 2

const arr = objArray.map(obj=>Object.assign({}, obj, {foo: 10}));

Надо сравнить высоту блоку и "скролл-высоту"

const block = document.getElementById('block');
const hasVerScroll= block.scrollHeight > block.clientHeight;
const hasHorScroll= block.scrollWidth > block.clientWidth;