Как задать статическое свойство функциональному компоненту при использовании forwardRef?

Question

[J. Snow]

Пишу приложение на React + TypeScript.
Есть один функциональный компонент, обёрнутый в forwardRef.
Как добавить ему статическое проперти?

Вот что я уже пробовал:

export const MyComp = forwardRef(({}, ref: Ref<any>) => <div/>)

MyComp.myStaticProp = 123
// TS2339: Propety 'myStaticProp' does not exist on type 'ForwardRefExoticComponent< RefAttribute5>'

export const MyComp: ForwardRefExoticComponent<{}> & {myStaticProp: number} = forwardRef(({}, ref: Ref<any>) => <div/>)
// Type ... not assignable. 'myStaticProp' is missing.

MyComp.myStaticProp = 123

export const MyComp = forwardRef(({}, ref: Ref<any>) => <div/>) as ForwardRefExoticComponent<{}> & {myStaticProp: number}

MyComp.myStaticProp = 123

// Тут всё ок, но внешний код почему-то не понимает, что у 'MyComp' есть 'ref'.

Answer 1

[Лев Забудкин]

Мне кажется всё упирается в<div/> ;)

Comments

[J. Snow]

Хм. Причём тут div?