diff --git a/static/app/utils/performance/contexts/pageAlert.tsx b/static/app/utils/performance/contexts/pageAlert.tsx
index c1ffb24e8fa2f0..68e87d6041b54b 100644
--- a/static/app/utils/performance/contexts/pageAlert.tsx
+++ b/static/app/utils/performance/contexts/pageAlert.tsx
@@ -1,5 +1,5 @@
 import type React from 'react';
-import {createContext, Fragment, useContext, useState} from 'react';
+import {createContext, Fragment, useCallback, useContext, useState} from 'react';
 import type {Theme} from '@emotion/react';
 
 import {Alert} from 'sentry/components/alert';
@@ -45,24 +45,25 @@ const pageErrorContext = createContext<{
 export function PageAlertProvider({children}: {children: React.ReactNode}) {
   const [pageAlert, setPageAlert] = useState<PageAlertOptions | undefined>();
 
-  const setPageInfo: PageAlertSetter = (message, options) => {
+  const setPageInfo: PageAlertSetter = useCallback((message, options) => {
     setPageAlert({message, type: 'info', ...options});
-  };
-  const setPageMuted: PageAlertSetter = (message, options) => {
+  }, []);
+
+  const setPageMuted: PageAlertSetter = useCallback((message, options) => {
     setPageAlert({message, type: 'muted', ...options});
-  };
+  }, []);
 
-  const setPageSuccess: PageAlertSetter = (message, options) => {
+  const setPageSuccess: PageAlertSetter = useCallback((message, options) => {
     setPageAlert({message, type: 'success', ...options});
-  };
+  }, []);
 
-  const setPageWarning: PageAlertSetter = (message, options) => {
+  const setPageWarning: PageAlertSetter = useCallback((message, options) => {
     setPageAlert({message, type: 'warning', ...options});
-  };
+  }, []);
 
-  const setPageError: PageAlertSetter = (message, options) => {
+  const setPageError: PageAlertSetter = useCallback((message, options) => {
     setPageAlert({message, type: 'error', ...options});
-  };
+  }, []);
 
   return (
     <pageErrorContext.Provider