diff --git a/components/providers.tsx b/components/providers.tsx
index 834476f..f6a6618 100644
--- a/components/providers.tsx
+++ b/components/providers.tsx
@@ -14,7 +14,7 @@ const OAuthCallbackHandler = dynamic(
 );
 
 const DevHelper = dynamic(
-  () => import('@/utils/dev-helper').then(mod => mod.default),
+  () => import('@/utils/dev-helper').then(mod => (mod as any).default),
   { ssr: false }
 );
 
diff --git a/components/workflow/work-office/storyboard-artist.tsx b/components/workflow/work-office/storyboard-artist.tsx
index 243a69d..80b0baf 100644
--- a/components/workflow/work-office/storyboard-artist.tsx
+++ b/components/workflow/work-office/storyboard-artist.tsx
@@ -43,6 +43,7 @@ interface StoryboardContent {
 interface StoryboardArtistProps {
   currentContent: StoryboardContent;
   isPlaying: boolean;
+  sketchType: string;
 }
 
 const StoryboardArtist: React.FC<StoryboardArtistProps> = ({ currentContent, isPlaying }) => {
diff --git a/utils/dev-helper.tsx b/utils/dev-helper.tsx
index fa8cdbd..3b58cdd 100644
--- a/utils/dev-helper.tsx
+++ b/utils/dev-helper.tsx
@@ -1,8 +1,9 @@
 'use client';
 
 import { useEffect } from 'react';
+import { FC } from 'react';
 
-export default function DevHelper() {
+const DevHelper = (() => {
   useEffect(() => {
     // 在客户端环境下设置全局错误处理
     if (typeof window !== 'undefined') {
@@ -25,4 +26,6 @@ export default function DevHelper() {
   }, []);
 
   return null;
-} 
\ No newline at end of file
+}) as FC;
+
+export default DevHelper; 
\ No newline at end of file