Alexandroppolus

filterTasks(filteredTask: ITaskItem) {
  const keys = Object.keys(this.tasks) as Array<keyof ITaskListState>;

  for (let i = 0; i < keys.length; ++i) {
    const key = keys[i];
    this.tasks[key] = this.tasks[key].filter((task: ITaskItem) => task !== filteredTask);
    console.log(key);
  }
}

str.replace(/(\\?)(\d?)/g, (m, s, n) => s || n !== '9' ? n : '_')

.some-class:hover::after {
   ...
}

items.map(el => <div className="some-class">element</div>)

Возможно, ему не нравится присвоение внутри тернарника.
попробуй так

if (el.arr.length > 0) {
    msg = el.arr.find((div) => div.date_to === null).date === null ? 'no' : 'yes';
} else {
    commit = '';
}

Обычно items делается в виде объекта, и тогда activeItem = items[activeItemId], это выполняется очень быстро.
Но если надо именно массив, то можно сделать так:

const activeItem = useMemo(() => items.find((item) => item.id === activeItemId), [items, activeItemId]);

в useState приходит statusText, но useState запоминает его только первый раз, при создании компонента. После чего есть два статуса - тот, который в useState, и тот который в редуксе. И они никак не взаимодействуют между собой. Т.е. когда getStatusThunk обновляет статус в редуксе, статусу состояния на это пофиг.
Тут надо определиться - либо юзать только редуксовый статус, либо синхронизировать их между собой. Зависит от задачи.

В общем случае - никак.
Если твоя функция не содержит замыканий и ничего не биндит, а зависит только от параметров и общедоступных глобальных значений, то можно сериализовать её в строку, передать эту строку на другой экран, а там разобрать

function func(a) { console.log('***', a); }
const funcStr = func.toString();
...
const parsedFunc = Function('return ' + funcStr)();
parsedFunc(12); // в консоли: *** 12

Ну а если ты создал функцию, которая содержит замыкания на какие-то значения, то эти значения надо передавать отдельными пропсами. Функцию сериализовать не получится (вернее, не получится обратно спарсить), да и вообще, скорее всего, на самом деле окажется правильнее её заимпортить. Трюк с передачей функции актуален, если в зависимости от каких-то данных ты хочешь передать именно какой-то алгоритм

https://react-hooks-testing-library.com/reference/api

renderHook

Первый параметр - твоя "функция" (кастомный хук), второй параметр - опции, где надо указать компонент-враппер, содержащий провайдер с контекстом (возможно, сам провайдер и будет враппером, а контекст передан через initialProps, но я так не пробовал)

Суть проблемы: вышло так, что в объекте context не оказалось метода question.
Чтобы узнать подробности, навтыкай в указанных строках указанных файлов console.log c выводом тех или иных значений.

1) const [file, setFile] = useState< File | null >(null);
2) в документации (п. 3.2, пример к нему) есть параметр MAX_FILE_SIZE, судя по всему обязательный.
3) "file", а не "File". Сервер скорее всего чувствителен к регистру названий полей
итого:

formData.append('MAX_FILE_SIZE', '12345678'); // или сколько там
formData.append('file',  file);

4) неужели нет js-библиотеки для парсинга qr, чтобы не надо было зависеть от интернета?

function handleStartSearch(data) {
    setCards(!data ? dataJson.result : dataJson.result.filter(item =>
            (item.title.includes(data) || item.author_lastName.includes(data)
           || item.author_firstName.includes(data)))
}

const Container = () => {
  const [shownItemId, setsShownItemId] = useState('');

.....
    <ContainerItem itemId={id} onShowDetails={() => setsShownItemId(id)} ... />
.....
  {shownItemId && <Modal itemId={shownItemId} ... />
};

ContainerItem здесь рендерится в цикле map.
Оный цикл можно вынести в отдельный memo-компонент (которому в пропсы передавать setsShownItemId), чтобы не было перерендера всех итемов при открытии/закрытии модалки, но это уже частности.