diff --git a/packages/component/src/Transcript/LiveRegion/SendFailed.tsx b/packages/component/src/Transcript/LiveRegion/SendFailed.tsx
index 3af37838ad..e822560917 100644
--- a/packages/component/src/Transcript/LiveRegion/SendFailed.tsx
+++ b/packages/component/src/Transcript/LiveRegion/SendFailed.tsx
@@ -1,10 +1,10 @@
-import { hooks } from 'botframework-webchat-api';
 import { memo, useMemo } from 'react';
 
-import usePrevious from '../../hooks/internal/usePrevious';
-import { useLiveRegion } from '../../providers/LiveRegionTwin';
 import { SEND_FAILED } from '../../types/internal/SendStatus';
+import { hooks } from 'botframework-webchat-api';
 import isPresentational from './isPresentational';
+import { useLiveRegion } from '../../providers/LiveRegionTwin';
+import usePrevious from '../../hooks/internal/usePrevious';
 
 const { useGetActivityByKey, useLocalizer, useSendStatusByActivityKey } = hooks;
 
@@ -44,7 +44,7 @@ const LiveRegionSendFailed = () => {
   /** Returns localized "Failed to send message." */
   const liveRegionSendFailedAlt = localize('TRANSCRIPT_LIVE_REGION_SEND_FAILED_ALT');
 
-  const prevActivityKeysOfSendFailed = usePrevious(activityKeysOfSendFailed);
+  const prevActivityKeysOfSendFailed = usePrevious(activityKeysOfSendFailed, new Set<string>());
 
   /** True, if one or more non-presentational activities start appears as "send failed", otherwise, false. */
   const hasNewSendFailed = useMemo<boolean>(() => {
@@ -52,6 +52,10 @@ const LiveRegionSendFailed = () => {
       return false;
     }
 
+    if (!prevActivityKeysOfSendFailed) {
+      return true;
+    }
+
     for (const key of activityKeysOfSendFailed.keys()) {
       if (!prevActivityKeysOfSendFailed.has(key)) {
         return true;
diff --git a/packages/component/src/hooks/internal/usePrevious.ts b/packages/component/src/hooks/internal/usePrevious.ts
index 0f02fcd7e7..c49f55bfb5 100644
--- a/packages/component/src/hooks/internal/usePrevious.ts
+++ b/packages/component/src/hooks/internal/usePrevious.ts
@@ -1,8 +1,10 @@
-// TODO: [P0] #4133 Don't copy.
 import { useEffect, useRef } from 'react';
 
-export default function usePrevious<T>(value: T): T {
-  const ref = useRef<T>();
+export default function usePrevious<T>(value: T): T | undefined;
+export default function usePrevious<T>(value: T, initialValue: T): T;
+
+export default function usePrevious<T>(value: T, initialValue?: T | undefined): T | undefined {
+  const ref = useRef<T | undefined>(initialValue);
 
   useEffect(() => {
     ref.current = value;