fix: use ref

Author: gagik

packages/compass-context-menu/src/context-menu-provider.tsx

@@ -5,6 +5,7 @@ import React, {
   useMemo,
   createContext,
   useContext,
+  useRef,
 } from 'react';
 
 import type {
@@ -47,6 +48,9 @@ export function ContextMenuProvider({
     [setMenu]
   );
 
+  const onContextMenuOpenRef = useRef(onContextMenuOpen);
+  onContextMenuOpenRef.current = onContextMenuOpen;
+
   const handleClosingEvent = useCallback(
     (event: Event) => {
       if (!event.defaultPrevented) {
@@ -69,7 +73,7 @@ export function ContextMenuProvider({
         return;
       }
 
-      onContextMenuOpen?.(itemGroups);
+      onContextMenuOpenRef.current?.(itemGroups);
 
       setMenu({
         isOpen: true,
@@ -92,8 +96,7 @@ export function ContextMenuProvider({
         capture: true,
       });
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [disabled, handleClosingEvent, parentContext]);
+  }, [disabled, handleClosingEvent, onContextMenuOpenRef, parentContext]);
 
   const value = useMemo(
     () => ({