diff --git a/src/alerts/access-expiration-alert/hooks.js b/src/alerts/access-expiration-alert/hooks.js
index 22fc4189..987b65f8 100644
--- a/src/alerts/access-expiration-alert/hooks.js
+++ b/src/alerts/access-expiration-alert/hooks.js
@@ -1,4 +1,5 @@
 /* eslint-disable import/prefer-default-export */
+import { useMemo } from 'react';
 import { useModel } from '../../model-store';
 import { useAlert } from '../../user-messages';
 
@@ -7,9 +8,11 @@ export function useAccessExpirationAlert(courseId) {
   const rawHtml = (course && course.courseExpiredMessage) || null;
   const isVisible = !!rawHtml; // If it exists, show it.
 
+  const payload = useMemo(() => ({ rawHtml }), [rawHtml]);
+
   useAlert(isVisible, {
     code: 'clientAccessExpirationAlert',
     topic: 'course',
-    payload: { rawHtml },
+    payload,
   });
 }
diff --git a/src/user-messages/hooks.js b/src/user-messages/hooks.js
index 4e0aa404..1f010874 100644
--- a/src/user-messages/hooks.js
+++ b/src/user-messages/hooks.js
@@ -22,5 +22,5 @@ export function useAlert(isVisible, {
         remove(alertId);
       }
     };
-  }, [alertId, isVisible, code, text, topic, type, dismissible, payload]);
+  }, [isVisible, code, text, topic, type, dismissible, payload]);
 }