---

title: "TypeScript: ElementRef for React.useRef" date: "2025-06-05" tags: []

You can extract the type from a useRef hook using ElementRef:

import { useRef, ElementRef } from "react";
 
const Component = () => {
  const audioRef = useRef<ElementRef<"audio">>(null);
//       ^? React.RefObject<HTMLAudioElement>

  return <audio ref={audioRef}>Hello</audio>;
};

Read Matt Pocock's Strongly Type useRef with ElementRef.