diff --git a/src/components/middle/hooks/useHeaderPane.tsx b/src/components/middle/hooks/useHeaderPane.tsx
index 9f2d83cc2..b6514334e 100644
--- a/src/components/middle/hooks/useHeaderPane.tsx
+++ b/src/components/middle/hooks/useHeaderPane.tsx
@@ -71,6 +71,10 @@ export default function useHeaderPane<RefType extends HTMLElement = HTMLDivEleme
 
   useTimeout(() => {
     setShouldRender(false);
+    onStateChange?.({
+      height: 0,
+      isOpen: false,
+    });
   }, !isOpen ? CLOSE_DURATION : undefined);
 
   // Should be `useCallback` to trigger effect on deps change