Alexandroppolus

Надо бы протипизировать по нормальному. Встала на праведную стезю TS - забудь про всякие any.

...
<RegulationEditWindow setIsEditing={setIsEditing} />
...

interface RegulationEditWindowProps {
    setIsEditing(editing: boolean): void;
}

const RegulationEditWindowView: React.FC<RegulationEditWindowProps> = React.memo((props) => {
    ...
    <ArrowLeftOutlined onClick={() => props.setIsEditing(false)} />
    ...
});

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

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

Обычно 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, но я так не пробовал)

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), чтобы не было перерендера всех итемов при открытии/закрытии модалки, но это уже частности.

Не поленился скопипастить и проверить. Ошибка не выскочила.
Зато слегонаца пооптимизировал (написано на TS, у меня подопытная заготовка на нем):

type Pr = {
  set: React.Dispatch<React.SetStateAction<string>>
}

const Gliph: React.FC<Pr> = React.memo(({ set }) => {
  console.log('render Gliph')
  const handleClick = (letter: string) => {
    set((value) => value + letter)
  }
  return (
    <>
      {alphabet.map((l) => (
        <button type="button" key={l} className="gliphMine" onClick={() => handleClick(l)}>
          {l}
        </button>
      ))}
    </>
  )
})

export const App: React.FC = () => {
  const [value, setValue] = useState('')
  console.log('render App')

  return (
    <div>
      <input className="inputLine" value={value} readOnly />
      <Gliph set={setValue} />
    </div>
  )
}

при таком раскладе не случается перерендер Gliph при изменении значения инпута.

1) if (sortedAuthors !== []) - это всегда true, потому что сравнивается по ссылке с вновь созданным объектом
2) если sortingAuthorsByFirstSymbol меняет sortedAuthors, то скорее всего схема работы здесь неправильная, лучше делать через useMemo

В остальном пока непонятно, что и как.

Судя по всему, ошибка выскакивает в каком-то другом, классовом компоненте.
Здесь вижу такую проблему: window.location меняется в рендере, что совсем неправильно. Это должно происходить в useEffect

useEffect(() => {
  window.location = location.pathname + '#' + lang;
}, [location.pathname, lang]);

Сильно подозреваю, что проблема связана вот с этими строками в App

const notesStorage = JSON.parse(localStorage.getItem('notes') || '[]');
dispatch(setNotesAction(notesStorage));
const notesRedux = useSelector((state: any) => state.notes.items);

dispatch надобно выполнять в useEffect, в данном случае - однократно, с [] в депенденсах