diff --git a/web/context/modal-context.tsx b/web/context/modal-context.tsx
index 5ab50dbd87..8cdb2e8794 100644
--- a/web/context/modal-context.tsx
+++ b/web/context/modal-context.tsx
@@ -312,13 +312,13 @@ export const ModalContextProvider = ({
     setShowOpeningModal(null)
   }
 
-  const handleShowPricingModal = () => {
+  const handleShowPricingModal = useCallback(() => {
     setPricingModalOpen(true)
-  }
+  }, [setPricingModalOpen])
 
-  const handleCancelPricingModal = () => {
+  const handleCancelPricingModal = useCallback(() => {
     setPricingModalOpen(false)
-  }
+  }, [setPricingModalOpen])
 
   return (
     <ModalContext.Provider value={{