Можно ли убрать второй аргумент из дженерика при типизации функции, которая возвращает функцию?

пришлось по месту определять хуки с типами

export const defineTypedEmitterHook =
  <EM extends EventMap>() =>
  <K extends keyof EM>(event: K) => {
    const bus = useEventBus<EM>();

    return (payload: EM[K]) => bus.emit(event, payload);
  };

export const defineTypedSubscribeHook =
  <EM extends EventMap>() =>
  <K extends keyof EM>(
    event: K,
    callback: (payload: EM[K]) => void,
    skipSubscribe = false,
    deps: DependencyList = []
  ) => {
    const bus = useEventBus<EM>();

    useEffect(() => {
      if (skipSubscribe) {
        return;
      }

      const unsubscribe = bus.on(event, callback);

      return unsubscribe;
    }, [bus, event, skipSubscribe, ...deps]);
  };


// в месте использования
export const useEmitter = defineTypedEmitterHook<TableEventMap>();
export const useSubscribe = defineTypedSubscribeHook<TableEventMap>();

спасибо за подсказки

Можно ли убрать второй аргумент из дженерика при типизации функции, которая возвращает функцию?

historydev, найти какое-то решение для адекватного общения компонентов в виду отсутствия стейт-менеджеров и в нежелании использовать React.Context ввиду его неповоротливости. Буду использовать eventBus, остановился на https://github.com/xenral/react-eventizer, но он до конца не типизирован (хоть и заявлено Full TypeScript). Скопипастил себе код и ввел полную типизацию, благодаря ответам ниже и человеку из чата TS в телеге

Какая причина ошибки "TypeError: Cannot destructure property 'store' of 'useReduxContext2(...)' as it is null"?

Одновременно хоть и можно использовать App Router и Pages Router, но видимо в текущей структуре проекта что-то не так

Как в typeScript проверить значения на undefined в объекте?

Александр, есть смысл возвращать ошибку при первом попадании на undefined?

if (Object.values(entry).some((value) => value === undefined)) {
  throw Error('YOUR ERROR MESSAGE');
}

так не будет перебора всего объекта (в худшем случае, когда поле со значением undefined стоит в самом конце)

Почему в стейт попадает предыдущее состояние? Как правильно его обновлять?

sort() сортирует массив "на месте" и возвращает ссылку на оригинальный массив (уже отсортированный). Для реакта эта старая ссылка, setState для этого массива не вызовет ре-рендер.

toSorted() возвращает новый массив (да, этого я не писал), ссылка у этого массива новая, что заставит реакт сделать ре-рендер. Другие решения я написал только для того, чтобы показать, что старая/новая ссылка на массив важна для ре-рендера

Какой вариант уменьшения размера jpg файла наиболее 'безболезненный' для качества изображения?

или онлайн
https://squoosh.app/

Как в сетке из 3 колонок, где 1 колонка занимает оставшуюся ширину, убрать горизонтальный скролл?

отметил решением, но предложили вариант с min-width: 0 у центральной колонки (https://dfmcphee.com/flex-items-and-min-width-0/)

Почему в react-select компоненте ругается на неверный тип options?

https://stackblitz.com/edit/stackblitz-starters-icn2ge
не воспроизводится

Как запушить новый обьект в массив, который хранится в localStorage?

Алексей Уколов, успели до исправления) согласен, '[]' лучше чем '' в этой ситуации

В чем преимущества MobX?

Eugene-Usachev, он спрашивает про весомые преимущества MobX. Эти преимущества он должен сам прочувствовать, столкнувшись, как минимум, с prop drilling. В одном компоненте он эти преимущества не найдет

Почему useContext выдает ошибку при попытке получить его значения?

Boris007, я для тренировки переписал бы на использование объекта. Если добавится ещё несколько значений/функций в контекст, то вам нужно будет строго следить за порядком извлечения. С объектом такой проблемы не будет

Почему useContext выдает ошибку при попытке получить его значения?

Boris007, нужно добавлять проверки на существование функции
Или

if (setCurrentUser) {
   setCurrentUser("some string")
}

Или
setCurrentUser?.("some string")

Почему useContext выдает ошибку при попытке получить его значения?

если честно, вроде как объект в большинстве случаев используют (не надо следить, в каком порядке достаются значения)

Почему useContext выдает ошибку при попытке получить его значения?

упрощать думаю не стоит, т.к вторым элементом массива надо будет передавать заглушку-функцию, а не пустую строку.
Если включен strict-mode typescript'a (или в какой-то из его составляющих), то тип надо так исправить

type TAuthContext = [string | null, Dispatch<SetStateAction<string | null>> | null];

Дизайн на компьютере отличается от мобильного. В чем может быть проблема?

torbach, что за браузер на телефоне? Похоже, этот браузер не поддерживает row-gap (ie11, кстати, тоже не поддерживает)

Как правильно использовать interface для to (Router) Typescript?

Alexandroppolus, так там 2 Link используется, один с пропсом to, второй - без

Как убрать горизонтальную прокрутку?

Отрицательный маржин у строки нужен для компенсации левого паддинга у первой колонки и правого паддинга у последней колонки

React не может распознать DOM свойство?

Rasul, на счет vue и angular я не знаю, но sortProperty в нижнем регистре не помог бы. Тег li имеет строго фиксированный набор атрибутов (представьте что Li это реактовский компонент, а атрибуты - это пропсы).
Если бы использовали Typescript, то можно было бы посмотреть весь набор - LiHTMLAttributes

Как определить тип события?

webjun, не поверю что с ChangeEventHandler не сработало.
Что пишет? Удалось импортировать ChangeEventHandler из реакта.
import type { ChangeEventHandler } from "react"

Как обновлять state с первого раза в useEffect?

TheSnegok, на codesandbox.io можешь воспроизвести?