diff --git a/www/app/transcripts/recorder.tsx b/www/app/transcripts/recorder.tsx
index 19374b2f..6d0731ac 100644
--- a/www/app/transcripts/recorder.tsx
+++ b/www/app/transcripts/recorder.tsx
@@ -53,7 +53,7 @@ const AudioInputsDropdown: React.FC<{
 };
 
 export default function Recorder(props: any) {
-  const waveformRef = useRef();
+  const waveformRef = useRef<HTMLDivElement>(null);
   const [wavesurfer, setWavesurfer] = useState<WaveSurfer | null>(null);
   const [record, setRecord] = useState<RecordPlugin | null>(null);
   const [isRecording, setIsRecording] = useState<boolean>(false);