Насколько актуально типизировать компоненты типом FC?

Alexandroppolus, чем перевесил бы? Всё равно новый компонент через сниппеты легче всего объявлять, а там всё равно что использовать, кода столько же напишешь.
К тому же при использовании фц ты теряешь возможность использовать дженерики. Да, это редкий кейс, но писать через прямое объявление пропсов всё равно придётся.

Aetae, у PropsWithChildren есть огромный недостаток: пропс чилдрена в нём опциональный.

Насколько актуально типизировать компоненты типом FC?

Раньше типизация через ФЦ была стандартом, сегодня она даже не упоминается: https://react.dev/learn/typescript
Поэтому можно смело забыть об ФЦ.

Как сделать проверку на пустое значение?

А что мешало опшинал чейнинг использовать вместо всего этого ужаса?

Почему React Router TS выдает ошибку loader при типизации параметров?

Boris007,

params.id строку

Ты издеваешься? Наведи мышку и посмотри что там за тип, если ты уже забыл, что сам лично выше писал.

Зачем нужен TanStack Query (react query)?

webe, и что тебе мешает взять результат из запроса и использовать его там, где хочешь? Можно это сделать, конечно, и в теле функции с запросом сразу после запроса, но это всё одного поля ягода. + там ещё мидлварю прокинуть можно, если не ошибаюсь.

Почему React Router TS выдает ошибку loader при типизации параметров?

Boris007,

Он ждет в аргументах строковой аргумент

А ты ему что передаёшь?

Зачем нужен TanStack Query (react query)?

Правильно ли я понимаю, что это никакая не замена стейт менеджеру и основная ее задача служит для усиления fetch?

Учитывая, что почти все кейсы использования стейт менеджеров относится к манипуляциям с апи, то очень даже замена.
Правда непонятно почему ты отметил именно фетч, ты в увери любую функцию кидать можешь.

почему не все проекты пихают эту штуку поверх стейт менеджера если она такая крутая ?

Потому что для этого весь проект переписать надо, а всё уже реализованно и прекрасно работает.
+ кеш обновлять надо при изменении каких-то связанных данных, а эта цепочка связи может очень далеко идти и в итоге в ряде случаев толку от кеша может и не быть вовсе, а даже наоборот.

Почему React Router TS выдает ошибку loader при типизации параметров?

Так же описано, что все свойства строки или undefined

Boris007, превосходно, а чего ждёт getContact?

Как исправить скачок вверх страницы при открытии бургер-меню?

lil_koi,

что очень плохо

И почему же это ОЧЕНЬ плохо? Тем более там половина чейннгов тупо ненужны от слова совсем.

Как исправить скачок вверх страницы при открытии бургер-меню?

Hypnos696, проблема как раз в том, что это НЕготовое решение.

Как исправить скачок вверх страницы при открытии бургер-меню?

lil_koi, и это проблема? Проблема тут как раз в том, что автор не понимает когда надо, а когда ненадо проверять. У него подряд идут 3 обращения к бургеру и нулл чек только на двух из них.
Или нул чек внутри листенера на сам бургер.

Почему React Router TS выдает ошибку loader при типизации параметров?

Boris007,

Почему тут решили, что все params это обязательно строка?

А тут что-то иное написано?

export type Params<Key extends string = string> = {
  readonly [key in Key]: string | undefined;
};

Переделав уже getContact и заменив везде, что id будет строкой, всё равно ошибка

И что непонятного в этой ошибке? Вот тут уже всё как раз предельно ясно написано.

Почему React Router TS выдает ошибку loader при типизации параметров?

Boris007, наверно потому, что в LoaderFunctionArgs нет id? А следовательно нет никаких гарантий, что он будет передан? Тут 2 варианта: либо то, что в ответе тебе написали, либо принимать LoaderFunctionArgs и в теле уже через ин проверять наличие твоего ид.

Почему React Router TS выдает ошибку loader при типизации параметров?

Boris007, там вообще-то универсальное решение для парса любых путей. Но да, написано оно, имхо, так себе.

Почему React Router TS выдает ошибку loader при типизации параметров?

Спешл фор ю:

Property 'id' is missing in type 'Params' but required in type 'TParams'.

Почему React Router TS выдает ошибку loader при типизации параметров?

contactLoader as LoaderFunction

Серьёзно? А чего не эни сразу?

Что это за плагин?

javascript.inlayHints.parameterNames.enabled

Что это за плагин?

Никакой, это нативно поддерживается.

Нужно сгенерировать массив объектов и дать каждому уникальный id, как?

Зачем мап?

Array.from({ length: 25 }, (_, i) => ({ id: i + 1 }))

Почему не отсеиваются нули при сравнении 0 < 0?

return 0 ? item < array[index + 1] : true