From cf5eac1a8cc368f2cdeb0e2eef8c93f7731d7f28 Mon Sep 17 00:00:00 2001
From: Wuif <5678318+wuifdesign@users.noreply.github.com>
Date: Tue, 4 Jan 2022 15:28:09 +0100
Subject: [PATCH] fix: PageHeader state update error (#33546)

---
 components/page-header/index.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/page-header/index.tsx b/components/page-header/index.tsx
index 0f9efe0f0e..b6d7cc2be6 100644
--- a/components/page-header/index.tsx
+++ b/components/page-header/index.tsx
@@ -9,6 +9,7 @@ import Breadcrumb, { BreadcrumbProps } from '../breadcrumb';
 import Avatar, { AvatarProps } from '../avatar';
 import TransButton from '../_util/transButton';
 import LocaleReceiver from '../locale-provider/LocaleReceiver';
+import useDestroyed from '../_util/hooks/useDestroyed';
 
 export interface PageHeaderProps {
   backIcon?: React.ReactNode;
@@ -121,8 +122,11 @@ const renderChildren = (prefixCls: string, children: React.ReactNode) => (
 
 const PageHeader: React.FC<PageHeaderProps> = props => {
   const [compact, updateCompact] = React.useState(false);
+  const isDestroyed = useDestroyed();
   const onResize = ({ width }: { width: number }) => {
-    updateCompact(width < 768);
+    if (!isDestroyed()) {
+      updateCompact(width < 768);
+    }
   };
   return (
     <ConfigConsumer>