refactor: changes per PR feedback

app/assets/javascripts/components/NotesContextMenu.tsx

@@ -2,7 +2,7 @@ import { AppState } from '@/ui_models/app_state';
 import { toDirective, useCloseOnBlur } from './utils';
 import { observer } from 'mobx-react-lite';
 import { NotesOptions } from './NotesOptions';
-import { useEffect, useRef } from 'preact/hooks';
+import { useCallback, useEffect, useRef } from 'preact/hooks';
 
 type Props = {
   appState: AppState;
@@ -10,23 +10,23 @@ type Props = {
 
 const NotesContextMenu = observer(({ appState }: Props) => {
   const contextMenuRef = useRef<HTMLDivElement>();
-  const [closeOnBlur, setLockCloseOnBlur] = useCloseOnBlur(
+  const [closeOnBlur] = useCloseOnBlur(
     contextMenuRef,
     (open: boolean) => appState.notes.setContextMenuOpen(open)
   );
 
-  const closeOnClickOutside = (event: MouseEvent) => {
+  const closeOnClickOutside = useCallback((event: MouseEvent) => {
     if (!contextMenuRef.current?.contains(event.target as Node)) {
       appState.notes.setContextMenuOpen(false);
     }
-  };
+  }, [appState]);
 
   useEffect(() => {
     document.addEventListener('click', closeOnClickOutside);
     return () => {
       document.removeEventListener('click', closeOnClickOutside);
     };
-  });
+  }, [closeOnClickOutside]);
 
   return appState.notes.contextMenuOpen ? (
     <div