Alexandroppolus

в 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, в данном случае - однократно, с [] в депенденсах

https://www.npmjs.com/package/classnames

Надо нормально протипизировать Fish, тогда всё будет по красоте.

interface FishProps {
  imgName: string;
  random: number;
}

const Fish: React.FC<FishProps> = (props) => {
...

Внутри Fishes передавать в Fish ещё проп key={el.name}

И вообще, я удивлен, что на этом сайте есть подсветка синтаксиса для никому нахрен не нужного CoffeScript, но нет TS. Это охренительно.

Просто наудачу: может, используется < React.StrictMode > ? Он творит всякую дичь в дев-режиме, но выпиливается в прод-сборке.

В fetchPartners будет передано то самое значение, которое идет первым параметром в useQuery.

потому делаешь так

const fetchPartners = async (params) => {
  const id = params.queryKey[1]
  const { data } = await axios.get(`/api/v1/shop/partner/${id}`)

  return data
}

...

const {data: fetchPartners, isLoading} = useQuery(['partner', id], fetchPartners)