fix: type error

Author: caoxing9

apps/nestjs-backend/src/features/plugin-panel/plugin-panel.module.ts

@@ -1,10 +1,10 @@
 import { Module } from '@nestjs/common';
 import { BaseModule } from '../base/base.module';
 import { CollaboratorModule } from '../collaborator/collaborator.module';
+import { ChartService } from '../dashboard/chart.service';
 import { DashboardModule } from '../dashboard/dashboard.module';
 import { PluginPanelController } from './plugin-panel.controller';
 import { PluginPanelService } from './plugin-panel.service';
-import { ChartService } from '../dashboard/chart.service';
 
 @Module({
   imports: [CollaboratorModule, BaseModule, DashboardModule],

apps/nextjs-app/src/features/app/blocks/chart-v2/components/DataConfig.tsx

@@ -20,7 +20,7 @@ export const DataConfig = () => {
         <span>{t('chartV2.form.name')}</span>
         <Input
           className="h-9"
-          defaultValue={pluginName}
+          defaultValue={pluginName as string}
           onBlur={(e) => renamePlugin(e.target.value)}
         />
       </div>

apps/nextjs-app/src/features/app/blocks/chart-v2/hooks/usePluginInstall.ts

@@ -9,6 +9,7 @@ import {
   updatePluginPanelStorage,
 } from '@teable/openapi';
 import { ReactQueryKeys } from '@teable/sdk/config';
+import { useCallback } from 'react';
 import { useEnv } from './useEnv';
 
 export const usePluginInstall = () => {
@@ -73,19 +74,33 @@ export const usePluginInstall = () => {
     },
   });
 
+  const updateDashboardPluginStorageFn = useCallback(
+    (storage: IChartStorage) => {
+      updateDashboardPluginStorageMutate(storage);
+    },
+    [updateDashboardPluginStorageMutate]
+  );
+
+  const updatePluginPanelPluginStorageFn = useCallback(
+    (storage: IChartStorage) => {
+      updatePluginPanelPluginStorageMutate(storage);
+    },
+    [updatePluginPanelPluginStorageMutate]
+  );
+
   if (positionType === PluginPosition.Dashboard) {
     return {
       pluginInstall: dashboardPluginInstall,
       isLoading: isDashboardPluginInstallLoading,
       renamePlugin: renamePluginMutate,
-      updatePluginStorage: updateDashboardPluginStorageMutate,
+      updatePluginStorage: updateDashboardPluginStorageFn,
     };
   }
 
   return {
     pluginInstall: pluginPanelPluginInstall,
     isLoading: isPluginPanelPluginLoading,
     renamePlugin: renamePluginMutate,
-    updatePluginStorage: updatePluginPanelPluginStorageMutate,
+    updatePluginStorage: updatePluginPanelPluginStorageFn,
   };
 };