diff --git a/web/app/components/workflow/nodes/data-source/panel.tsx b/web/app/components/workflow/nodes/data-source/panel.tsx
index 4e498fd780..d7de1b80a6 100644
--- a/web/app/components/workflow/nodes/data-source/panel.tsx
+++ b/web/app/components/workflow/nodes/data-source/panel.tsx
@@ -81,6 +81,7 @@ const Panel: FC<NodePanelProps<DataSourceNodeType>> = ({ id, data }) => {
       provider: currentDataSource?.provider || '',
       pluginId: currentDataSource?.plugin_id || '',
       credentials: value,
+      name: 'd14249c6-abe3-47ad-b0f1-1e65a591e790', // todo: fake name field, need to be removed later
     })
 
     notify({
diff --git a/web/service/use-pipeline.ts b/web/service/use-pipeline.ts
index 0f4017ef20..9e7229da5b 100644
--- a/web/service/use-pipeline.ts
+++ b/web/service/use-pipeline.ts
@@ -232,12 +232,14 @@ export const useUpdateDataSourceCredentials = (
       provider,
       pluginId,
       credentials,
-    }: { provider: string; pluginId: string; credentials: Record<string, any>; }) => {
+      name,
+    }: { provider: string; pluginId: string; credentials: Record<string, any>; name: string; }) => {
       return post('/auth/plugin/datasource', {
         body: {
           provider,
           plugin_id: pluginId,
           credentials,
+          name,
         },
       }).then(() => {
         queryClient.invalidateQueries({