Имеется такой компонент:
import { forwardRef, Ref } from "react";
export interface ICelebrationScreenProps
{
title: string;
[ prop: string ]: any;
}
function CelebrationScreen({ title, ...props }: ICelebrationScreenProps, ref: Ref<HTMLDivElement>)
{
return (<>{title}</>);
};
export default forwardRef(CelebrationScreen);
Когда я пытаюсь использовать данный компонент в другом файле, VSCode мне не дает подсказок и ошибок о пропсах.
Если же я буду использовать компонент без forwardRef, допустим таким способом, то я получу необходимые мне ошибки:
import { forwardRef, Ref } from "react";
export interface ICelebrationScreenProps
{
title: string;
[ prop: string ]: any;
}
function CelebrationScreen({ title, ...props }: ICelebrationScreenProps, ref: Ref<HTMLDivElement>)
{
return (<>{title}</>);
};
export default forwardRef(CelebrationScreen);
function Test()
{
return <CelebrationScreen />
}
Свойство "title" отсутствует в типе "{}" и является обязательным в типе "ICelebrationScreenProps". ts(2741)
Вы также можете увидеть это поведение на