実DOMをトリガにレンダリングはできる？

reactでtsファイルから実DOMをもらってきてその要素がhoverされた時、などのイベント部分をreactで書くことはできるのか？

→ 実DOMと仮想DOMでは持っているプロパティが異なるのでTypeScriptでエラーが出る。

対処として下記を試せる？

①そもそもの要素取得をuseEffect内で行なう。
②実DOMをuseStateで管理する。
③tsファイル側で実DOMをhoverした時、と言う処理まで書き、レンダリングのタイミングをtsファイルで司る。

結果はまた今度書く。今回はメモ。