From 4fa31e9e00104269fc21e38d95409cba56e7425f Mon Sep 17 00:00:00 2001
From: jin-sir <942725119@qq.com>
Date: Fri, 30 May 2025 17:19:44 +0800
Subject: [PATCH] fix(resize): solve the problem of repeated registration
 during resize events

---
 src/resize/index.tsx | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/resize/index.tsx b/src/resize/index.tsx
index d58fb80d1..653300361 100644
--- a/src/resize/index.tsx
+++ b/src/resize/index.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode, useEffect } from 'react';
+import React, { ReactNode, useEffect, useRef } from 'react';
 
 export interface ResizeProps {
     observerEle?: HTMLElement | null;
@@ -7,21 +7,28 @@ export interface ResizeProps {
 }
 
 const Resize: React.FC<ResizeProps> = ({ observerEle, onResize, children }) => {
+    const resizeEventRef = useRef<ResizeProps['onResize']>(onResize);
+    resizeEventRef.current = onResize;
+
     useEffect(() => {
-        if (typeof onResize !== 'function') return;
+        const onResizeProxy = () => {
+            if (typeof resizeEventRef.current === 'function') {
+                resizeEventRef.current();
+            }
+        };
         if (!observerEle) {
-            window.addEventListener('resize', onResize, false);
+            window.addEventListener('resize', onResizeProxy, false);
             return () => {
-                window.removeEventListener('resize', onResize, false);
+                window.removeEventListener('resize', onResizeProxy, false);
             };
         } else {
-            const resizeObserver = new ResizeObserver(onResize);
+            const resizeObserver = new ResizeObserver(onResizeProxy);
             resizeObserver.observe(observerEle);
             return () => {
                 resizeObserver.unobserve(observerEle);
             };
         }
-    }, [onResize, observerEle]);
+    }, [observerEle]);
 
     return <>{children}</>;
 };