fix: add initial values to useRefs

ZaneH · Jan 20, 2025 · 6e1cfba · 6e1cfba
1 parent 0415778
commit 6e1cfba
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Keyboard/Keyboard.tsx b/src/components/Keyboard/Keyboard.tsx
@@ -38,7 +38,7 @@ const Keyboard = () => {
 
   const { muteSound, showKeyboard, midiDevice, setMidiDevice, pianoSound } =
     useContext(KVContext)
-  const unlistenRef = useRef<UnlistenFn>()
+  const unlistenRef = useRef<UnlistenFn>(null)
   const [activeNotes, setActiveNotes] = useState<{ [note: string]: boolean }>(
     {}
   )

diff --git a/src/components/Quiz/Quiz.tsx b/src/components/Quiz/Quiz.tsx
@@ -62,7 +62,7 @@ const KeyboardContainer = styled.div`
 const Quiz = () => {
   const { showKeyboard, midiDevice, setMidiDevice } = useContext(KVContext)
   const { chordStack, setChordStack } = useContext(TrainerContext)
-  const unlistenRef = useRef<UnlistenFn>()
+  const unlistenRef = useRef<UnlistenFn>(null)
   const [activeNotes, setActiveNotes] = useState<{ [note: string]: boolean }>(
     {}
   )