fix: using ref to solve closure problems (#497)

Author: jin-sir

src/cookies/index.tsx

@@ -28,9 +28,11 @@ const useCookieListener = (
     options: ICookieOptions = defaultOptions
 ) => {
     const { timeout, immediately } = options;
+    const isWatchAll = !watchFields.length;
     const timerRef = useRef<number>();
     const currentCookiesRef = useRef<string>(document.cookie);
-    const isWatchAll = !watchFields.length;
+    const handlerRef = useRef<CompareCookieHandler>();
+    handlerRef.current = handler;
 
     useEffect(() => {
         timerRef.current = window.setInterval(() => {
@@ -54,15 +56,15 @@ const useCookieListener = (
                 changedFields.push({ key, value: newValue });
             }
         }
-        changedFields.length && handler({ changedFields, prevCookies, nextCookies });
+        changedFields.length && handlerRef.current?.({ changedFields, prevCookies, nextCookies });
     };
 
     const compareValue = () => {
         const prevCookies = currentCookiesRef.current;
         const nextCookies = document.cookie;
         if (prevCookies !== nextCookies) {
             isWatchAll
-                ? handler({ prevCookies, nextCookies })
+                ? handlerRef.current?.({ prevCookies, nextCookies })
                 : handleFieldsChange(prevCookies, nextCookies);
             currentCookiesRef.current = nextCookies;
         }