diff --git a/web/app/components/workflow/skill/start-tab/create-import-section.tsx b/web/app/components/workflow/skill/start-tab/create-import-section.tsx
index a3c984864a..274786b69d 100644
--- a/web/app/components/workflow/skill/start-tab/create-import-section.tsx
+++ b/web/app/components/workflow/skill/start-tab/create-import-section.tsx
@@ -7,7 +7,9 @@ import { useTranslation } from 'react-i18next'
 import ActionCard from './action-card'
 import CreateBlankSkillModal from './create-blank-skill-modal'
 
-const ImportSkillModal = dynamic(() => import('./import-skill-modal'))
+const ImportSkillModal = dynamic(() => import('./import-skill-modal'), {
+  ssr: false,
+})
 
 const CreateImportSection = () => {
   const { t } = useTranslation('workflow')