fix lint

src/components/MenuItemGroup.tsx

@@ -1,4 +1,4 @@
-import React, {createContext} from 'react';
+import React, {createContext, useMemo} from 'react';
 import useSingleExecution from '@hooks/useSingleExecution';
 import type {Action} from '@hooks/useSingleExecution';
 import useWaitForNavigation from '@hooks/useWaitForNavigation';
@@ -11,20 +11,25 @@ type MenuItemGroupContextProps = {
 
 const MenuItemGroupContext = createContext<MenuItemGroupContextProps | undefined>(undefined);
 
-interface MenuItemGroupProps {
+type MenuItemGroupProps = {
     /* Actual content wrapped by this component */
     children: React.ReactNode;
 
     /** Whether or not to use the single execution hook */
     shouldUseSingleExecution: boolean;
-}
+};
 
-const MenuItemGroup: React.FC<MenuItemGroupProps> = ({children}) => {
+function MenuItemGroup({children, shouldUseSingleExecution = true}: MenuItemGroupProps) {
     const {isExecuting, singleExecution} = useSingleExecution();
     const waitForNavigate = useWaitForNavigation();
 
-    return <MenuItemGroupContext.Provider value={{isExecuting, singleExecution, waitForNavigate}}>{children}</MenuItemGroupContext.Provider>;
-};
+    const value = useMemo(
+        () => (shouldUseSingleExecution ? {isExecuting, singleExecution, waitForNavigate} : undefined),
+        [shouldUseSingleExecution, isExecuting, singleExecution, waitForNavigate],
+    );
+
+    return <MenuItemGroupContext.Provider value={value}>{children}</MenuItemGroupContext.Provider>;
+}
 
 export {MenuItemGroupContext};
 export default MenuItemGroup;