diff --git a/web/app/components/workflow/skill/skill-body/panels/file-content-panel/file-editor-renderer.tsx b/web/app/components/workflow/skill/skill-body/panels/file-content-panel/file-editor-renderer.tsx
index eb9746cedd..88b50c305d 100644
--- a/web/app/components/workflow/skill/skill-body/panels/file-content-panel/file-editor-renderer.tsx
+++ b/web/app/components/workflow/skill/skill-body/panels/file-content-panel/file-editor-renderer.tsx
@@ -7,12 +7,13 @@ import * as React from 'react'
 import { useCallback, useState } from 'react'
 import useTheme from '@/hooks/use-theme'
 import { Theme } from '@/types/app'
+import { isClient } from '@/utils/client'
 import { basePath } from '@/utils/var'
 import CodeFileEditor from '../../../editor/code-file-editor'
 import MarkdownFileEditor from '../../../editor/markdown-file-editor'
 import { getFileLanguage } from '../../../utils/file-utils'
 
-if (typeof window !== 'undefined')
+if (isClient)
   loader.config({ paths: { vs: `${window.location.origin}${basePath}/vs` } })
 
 type FileEditorRendererProps = {