diff --git a/web/service/use-app-asset.ts b/web/service/use-app-asset.ts
index 39541e1311..15c5d49b00 100644
--- a/web/service/use-app-asset.ts
+++ b/web/service/use-app-asset.ts
@@ -55,7 +55,7 @@ export const useCreateAppAssetFolder = () => {
     },
     onSuccess: (_, variables) => {
       queryClient.invalidateQueries({
-        queryKey: consoleQuery.appAsset.tree.queryKey({ input: { params: { appId: variables.appId } } }),
+        queryKey: consoleQuery.appAsset.tree.key({ type: 'query', input: { params: { appId: variables.appId } } }),
       })
     },
   })
@@ -117,7 +117,8 @@ export const useUpdateAppAssetFileByUpload = () => {
     },
     onSuccess: (_, variables) => {
       queryClient.invalidateQueries({
-        queryKey: consoleQuery.appAsset.getFileContent.queryKey({
+        queryKey: consoleQuery.appAsset.getFileContent.key({
+          type: 'query',
           input: { params: { appId: variables.appId, nodeId: variables.nodeId } },
         }),
       })
@@ -136,7 +137,7 @@ export const useDeleteAppAssetNode = () => {
     },
     onSuccess: (_, variables) => {
       queryClient.invalidateQueries({
-        queryKey: consoleQuery.appAsset.tree.queryKey({ input: { params: { appId: variables.appId } } }),
+        queryKey: consoleQuery.appAsset.tree.key({ type: 'query', input: { params: { appId: variables.appId } } }),
       })
     },
   })
@@ -162,7 +163,7 @@ export const useRenameAppAssetNode = () => {
     },
     onSuccess: (_, variables) => {
       queryClient.invalidateQueries({
-        queryKey: consoleQuery.appAsset.tree.queryKey({ input: { params: { appId: variables.appId } } }),
+        queryKey: consoleQuery.appAsset.tree.key({ type: 'query', input: { params: { appId: variables.appId } } }),
       })
     },
   })
@@ -188,7 +189,7 @@ export const useMoveAppAssetNode = () => {
     },
     onSuccess: (_, variables) => {
       queryClient.invalidateQueries({
-        queryKey: consoleQuery.appAsset.tree.queryKey({ input: { params: { appId: variables.appId } } }),
+        queryKey: consoleQuery.appAsset.tree.key({ type: 'query', input: { params: { appId: variables.appId } } }),
       })
     },
   })
@@ -214,7 +215,7 @@ export const useReorderAppAssetNode = () => {
     },
     onSuccess: (_, variables) => {
       queryClient.invalidateQueries({
-        queryKey: consoleQuery.appAsset.tree.queryKey({ input: { params: { appId: variables.appId } } }),
+        queryKey: consoleQuery.appAsset.tree.key({ type: 'query', input: { params: { appId: variables.appId } } }),
       })
     },
   })
@@ -231,7 +232,7 @@ export const usePublishAppAssets = () => {
     },
     onSuccess: (_, appId) => {
       queryClient.invalidateQueries({
-        queryKey: consoleQuery.appAsset.tree.queryKey({ input: { params: { appId } } }),
+        queryKey: consoleQuery.appAsset.tree.key({ type: 'query', input: { params: { appId } } }),
       })
     },
   })
@@ -273,7 +274,7 @@ export const useUploadFileWithPresignedUrl = () => {
     },
     onSettled: (_, __, variables) => {
       queryClient.invalidateQueries({
-        queryKey: consoleQuery.appAsset.tree.queryKey({ input: { params: { appId: variables.appId } } }),
+        queryKey: consoleQuery.appAsset.tree.key({ type: 'query', input: { params: { appId: variables.appId } } }),
       })
     },
   })
@@ -336,7 +337,7 @@ export const useBatchUpload = () => {
     },
     onSettled: (_, __, variables) => {
       queryClient.invalidateQueries({
-        queryKey: consoleQuery.appAsset.tree.queryKey({ input: { params: { appId: variables.appId } } }),
+        queryKey: consoleQuery.appAsset.tree.key({ type: 'query', input: { params: { appId: variables.appId } } }),
       })
     },
   })
diff --git a/web/service/use-sandbox-provider.ts b/web/service/use-sandbox-provider.ts
index 3381dbca33..eea452091b 100644
--- a/web/service/use-sandbox-provider.ts
+++ b/web/service/use-sandbox-provider.ts
@@ -15,7 +15,7 @@ export const useSaveSandboxProviderConfig = () => {
       })
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: consoleQuery.sandboxProvider.getSandboxProviderList.queryKey() })
+      queryClient.invalidateQueries({ queryKey: consoleQuery.sandboxProvider.getSandboxProviderList.key({ type: 'query' }) })
     },
   })
 }
@@ -30,7 +30,7 @@ export const useDeleteSandboxProviderConfig = () => {
       })
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: consoleQuery.sandboxProvider.getSandboxProviderList.queryKey() })
+      queryClient.invalidateQueries({ queryKey: consoleQuery.sandboxProvider.getSandboxProviderList.key({ type: 'query' }) })
     },
   })
 }
@@ -46,7 +46,7 @@ export const useActivateSandboxProvider = () => {
       })
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: consoleQuery.sandboxProvider.getSandboxProviderList.queryKey() })
+      queryClient.invalidateQueries({ queryKey: consoleQuery.sandboxProvider.getSandboxProviderList.key({ type: 'query' }) })
     },
   })
 }