Почему мой тайпскрипт сбоит и как это пофиксить?

Question

[Kentavr16]

Пишу свой пет, никого не трогаю. Добавляю типы в компонент -

const TextEditor: React.FC = ({
  value,
  setValue,
}: {
  value: string;
  setValue: (value: string) => void;
}) => {
...

... и внезапно тайпскрипт "устал" -
<TextEditor value={value} setValue={setValue} />
при попытке вызова компонента пропсы подчеркиваются красным. ошибка ТС -

Type '{ value: string; setValue: Dispatch>; }' is not assignable to type 'IntrinsicAttributes'.
Property 'value' does not exist on type 'IntrinsicAttributes'.ts(2322)

Но ведь типы есть. И мало того, все компилится-собирается-работает.
Далее типизирую второй компонент -

const ThemeSelect: React.FC = ({
  tagsData,
}: {
  tagsData: ITagData[] | null;
}) => (

и та же фигня. При перезагрузке одно из подчеркиваний пропса setValue пропало, но остальные на месте. Где я накосячил?

Comments

[WbICHA]

Ответ тебе уже дали, но совет на будущее: нек используй FC. Вообще. Типизируй пропсы и возвращаемое значение напрямую. А лучше снипет для создания компонента запили, чтобы в ручную не прописывать.

[Kentavr16]

WbICHA, да, спасибо. Действительно бесполезная писанина получается.

[Kentavr16]

WbICHA, просто сбило с толку. Может чего не понимаю, но как говорил в комменте ниже

Даже не думал об этом. Не ожидал что при явном объявлении типов деструктурированных пропсов принимающий FC не подхватит их типы.

.
Тот же юзстейт например тоже дженерик, но всегда подхватывает типы на ура. Наверное тонкости внутренностей реакта.

[Kentavr16]

хотя да, это разные вещи. Хук явно вызывается, а здесь объявление.

[Kentavr16]

хотя есть ли разница. . . )

[WbICHA]

Kentavr16,

хотя есть ли разница. . . )

Примерно как между помидором и самолётом.)

Answer 1

[Alexandroppolus]

const TextEditor: React.FC<{
  value: string;
  setValue: (value: string) => void;
}> = ...

Comments

[Kentavr16]

Даже не думал об этом. Не ожидал что при явном объявлении типов деструктурированных пропсов принимающий FC не подхватит их типы. Явно объявляю тип FC только если уж очень нужно компилятору, вот и конфуз на ровном месте поймал. Еще раз спасибо.

[Kentavr16]

и по поводу того что код все же компилировался - конечно я сам виноват. Настраивал старую библиотеку, установил на время "strict": false, в настройках ТС и благополучно об этом забыл.

[Alexandroppolus]

Kentavr16,

Не ожидал что при явном объявлении типов деструктурированных пропсов принимающий FC не подхватит их типы.

тип React.FC - это генерик. У него есть параметр, который по умолчанию {}. Указав React.FC, ты явно указал тип и оставил для него параметр по умолчанию. Теперь вывод типов для следующей за этим стрелочной функции (которая компонент) будет идти от этого самого React.FC, без каких либо дописываний в него.

[Бурль]

Выброси FC