reactjs - typescript react: polymorfa refs för vilket HTMLElement som helst

finns det ett sätt att skapa polymorfa refs i funktionella komponenter?

för närvarande :

const r = createRef<Element>();
<div ref={r}></div>

misslyckas med det tvivelaktiga felet att RefObject<Element> inte kan tilldelas LegacyRef<HTMLDivElement>

detta gör polymorfa referenser omöjliga. I idealfallet finns det ett sätt att använda createRef för att acceptera vilken Element eller HTMLElement som helst. Missar jag något här?

Svar #1

Prova detta:

const r = createRef<HTMLDivElement>();

Då borde det fungera.