diff --git a/src/hooks/use-update-chunk-list.ts b/src/hooks/use-update-chunk-list.ts
index 1827cf4d..58da81f5 100644
--- a/src/hooks/use-update-chunk-list.ts
+++ b/src/hooks/use-update-chunk-list.ts
@@ -1,6 +1,6 @@
 import { WatchEventType } from '@/config';
 import _ from 'lodash';
-import { useRef } from 'react';
+import { useEffect, useRef } from 'react';
 
 interface ChunkedCollection {
   ids: string[];
@@ -20,6 +20,10 @@ export function useUpdateChunkedList(options: {
   const cacheDataListRef = useRef<any[]>(options.dataList || []);
   const timerRef = useRef<any>(null);
 
+  useEffect(() => {
+    cacheDataListRef.current = [...(options.dataList || [])];
+  }, [options.dataList]);
+
   const debounceUpdateChunckedList = () => {
     clearTimeout(timerRef.current);
     timerRef.current = setTimeout(() => {