diff --git a/web/app/components/datasets/documents/index.tsx b/web/app/components/datasets/documents/index.tsx
index 3073965482..d69ca7db39 100644
--- a/web/app/components/datasets/documents/index.tsx
+++ b/web/app/components/datasets/documents/index.tsx
@@ -248,6 +248,7 @@ const Documents: FC<IDocumentsProps> = ({ datasetId }) => {
   } = useEditDocumentMetadata({
     datasetId,
     dataset,
+    onUpdateDocList: mutate,
   })
 
   return (
diff --git a/web/app/components/datasets/metadata/hooks/use-batch-edit-document-metadata.ts b/web/app/components/datasets/metadata/hooks/use-batch-edit-document-metadata.ts
index 9b9d64ed80..f556ec27d6 100644
--- a/web/app/components/datasets/metadata/hooks/use-batch-edit-document-metadata.ts
+++ b/web/app/components/datasets/metadata/hooks/use-batch-edit-document-metadata.ts
@@ -33,6 +33,7 @@ const useBatchEditDocumentMetadata = ({
     })
     return res
   })()
+  console.log(metaDataList)
 
   // To check is key has multiple value
   const originalList: MetadataItemInBatchEdit[] = useMemo(() => {
diff --git a/web/app/components/datasets/metadata/hooks/use-edit-dataset-metadata.ts b/web/app/components/datasets/metadata/hooks/use-edit-dataset-metadata.ts
index 86a1fb981c..dd1cd0f696 100644
--- a/web/app/components/datasets/metadata/hooks/use-edit-dataset-metadata.ts
+++ b/web/app/components/datasets/metadata/hooks/use-edit-dataset-metadata.ts
@@ -10,9 +10,11 @@ import { useTranslation } from 'react-i18next'
 const useEditDatasetMetadata = ({
   datasetId,
   // dataset,
+  onUpdateDocList,
 }: {
   datasetId: string,
   dataset?: DataSet,
+  onUpdateDocList: () => void
 }) => {
   const { t } = useTranslation()
   const [isShowEditModal, {
@@ -55,12 +57,14 @@ const useEditDatasetMetadata = ({
       return Promise.reject(new Error(errorMsg))
     }
     await doRenameMetaData(payload)
-  }, [checkName, doRenameMetaData])
+    onUpdateDocList()
+  }, [checkName, doRenameMetaData, onUpdateDocList])
 
   const { mutateAsync: doDeleteMetaData } = useDeleteMetaData(datasetId)
-  const handleDeleteMetaData = useCallback((metaDataId: string) => {
-    doDeleteMetaData(metaDataId)
-  }, [doDeleteMetaData])
+  const handleDeleteMetaData = useCallback(async (metaDataId: string) => {
+    await doDeleteMetaData(metaDataId)
+    onUpdateDocList()
+  }, [doDeleteMetaData, onUpdateDocList])
 
   const [builtInEnabled, setBuiltInEnabled] = useState(datasetMetaData?.built_in_field_enabled)
   useEffect(() => { // wait for api response to set the right value