diff --git a/web/hooks/useLoadTheme.ts b/web/hooks/useLoadTheme.ts
index 8afba27c4..314aaf8be 100644
--- a/web/hooks/useLoadTheme.ts
+++ b/web/hooks/useLoadTheme.ts
@@ -42,6 +42,7 @@ export const useLoadTheme = async () => {
   )
 
   const getThemes = useCallback(async () => {
+    if (!janDataFolderPath.length) return
     const folderPath = await joinPath([janDataFolderPath, 'themes'])
     const installedThemes = await fs.readdirSync(folderPath)