Что такое MouseEventHandler? Эта функция, которая принимает в качестве аргумента event c типом MouseEvent и возвращает пустоту

У вас функция handleChangeInfoMain типизирована как MouseEventHandler, хотя аргумент типизируется как string

Попробуйте вот так:
handleChangeInfoMain: (value: string) => void

const updateSearch: ChangeEventHandler<HTMLInputElement> = (event) => {};
или
const updateSearch = (event: ChangeEvent<HTMLInputElement>) => {};

Как это получить? Кликнуть с зажатым левым ctrl левой кнопки мыши в vscode на onChange
Попадем в типы реакта и увидим:
onChange?: ChangeEventHandler<T> | undefined;
Поймем, что ChangeEventHandler это функция, которая принимает в качестве параметра event с определенным типом (думаю пока этого достаточно, там потом можно потеряться что дальше происходит)

переименуйте папку pages

и еще, так нельзя делать (вызывать хуки по условию)
i === 0 && useAuth()

type THash = {
  id: number;
  hash: string;
};
type TChannel = {
  channelid: number;
  childrenHash: THash[];
};
type TData = TChannel[];
type THashAcc = Record<THash["hash"], THash["id"][]>;

export const comparsion = (data: TData) =>
  data.map((n) => {
    const ids = Object.values(
      n.childrenHash.reduce<THashAcc>((acc, m) => ((acc[m.hash] ??= []).push(m.id), acc), {})
    ).filter((m) => m.length > 1);

    return {
      ...n,
      childrenHash: ids.length ? ids : null,
    };
  });