useRef "относится к значению, но используется здесь как тип".

Question

Я пытаюсь выяснить, как определить реакцию используемого элемента в качестве ссылки, т.е. в моем случае

const circleRef = useRef<AnimatedCircle>(undefined);

AnimatedCircle является компонентом SVG из сторонней библиотеки, и его определение таким образом вызывает ошибку

Есть ли какой-нибудь универсальный способ определить, какой элемент является ref?

Answer 1

AnimatedCircle - это функция , а не тип.Это означает, что его нельзя использовать в TypeScript вместо типа, как в общем ограничении useRef.Вместо этого вам нужно использовать typeof operator для преобразования в тип:

const circleRef = useRef<typeof AnimatedCircle | null>(null);