Андрей Пастухов

1) useCallback - эта функция мемоизирует callback по зависимостям в deps. Так что когда пишите в зависимостях пустой массив - то гарантируете что changeDragging будет всегда одной и той же функцией на протяжении жизненного цикла компонента. А это очень важно когда нужно вашу changeDragging передать как props в компонент ниже - т.к. одна и та же зависимость. changeDraggingToTrue зависит от changeDragging - так что в правилах хорошего тона changeDragging нужно указать как deps второго useCallback. Но так как changeDragging уже гарантирована неизменность, то можно и не указывать changeDragging как зависимость - ничего не поменяется (= до поры до времени)
2) это вкусовщина () => ... или _ => ...

В доке же есть ConfigProgrammatic

ConfigProgrammatic.setOptions({
    defaultIconPack: 'fas',
    defaultContainerElement: '#content',
    // ...
})

нужно как-то защититься, т.к. при первом рендеринге у вас info === null
<p>{info?.releaseyear} — {info?.title}</p>

или
{info && <p>{info.releaseyear} — {info.title}</p>}

В компоненте определи свойство inheritAttrs: false что бы v-bind по умолчанию не биндил лишнии свойства в html

Если метод httpService.sendDataTest(...) возвращает promise, то не стоит его оборачивать в стрелочную функцию, вот так нужно:

filesToDelete.map((file: DocsManagerFile) => httpService.sendDataTest({ ... }))

А если нет, он должен принимать onsuccess и onerror кэлбеки, тогда так:

filesToDelete.map((file: DocsManagerFile) => (
  new Promise(onsuccess, onerror) => (
    httpService.sendDataTest(
       { data_in: { id: file.id } },
       'physdocs.delete_docs_file',
      // где-то тут onsuccess и onerror
    );
))));

Попробуй cache-loader

А если после строки
await this.$store.dispatch('login', formData)

дописать?
await this.$store.dispatch('fetchInfo')

1) changeBurger заверните в useCallback

const changeBurger = useCallback(() => {
  setBurgerState(!burgerState);
}, [burgerState]);

2) Судя по доке OutsideClickHandler - есть пропс disabled, который должен помочь

Похоже что у вас MobX версии 6, а для него в конструкторе требуется навесить makeObservable(this) или makeAutoObservable(this) подробнее тут

Так что у вас 2 варианта:
1) Даунгрейдить MobX на 5 версию
2) Использовать в конструкторе makeAutoObservable(this)

У чекбокса нет текста, есть только value значение

render() {
        return(
          <div>  
            <input onClick={this.changeTitle} type='checkbox' value={this.state.clicked} />
            {!this.state.clicked ? 'lf' : 'ytn'}
          </div>
        )
    }

Что Вы имеете ввиду под "перевести" и что "автоматически"?
Например, это:

'+7(000)000-00-00'.replace(/\D/g, '') === '70000000000'

$('#but1').on('click', function(event) {
  if (item.val().length < 15) {
    alert('< 15 символов');
    event.preventDefault();
    // event.stopPropagation(); <-- еще можно остановить клик, но так не советуется делать
  }
});

const req = await axios.get(
  'http://api',
  { headers }, // <-- скобки
 );

elem.innerText = spread.join('') должен помочь