diff --git a/frontend/src/components/form.tsx b/frontend/src/components/form.tsx
index 0ad3d46..70fb819 100644
--- a/frontend/src/components/form.tsx
+++ b/frontend/src/components/form.tsx
@@ -10,12 +10,11 @@ import { toast } from 'react-hot-toast';
 
 import { ConvertButton, UnhideDarBtn, SelectPathButton, RemoveOarBtn, LogFileButton } from '@/components/buttons';
 import { SelectLogLevel } from '@/components/lists';
+import { LinearWithValueLabel } from '@/components/notifications';
 import { useTranslation } from '@/hooks';
 import { LogLevel, convertDar2oar } from '@/tauri_cmd';
 import { selectLogLevel } from '@/utils/selector';
 
-import LinearWithValueLabel from './progress_bar';
-
 type FormProps = {
   src: string;
   dist: string;
diff --git a/frontend/src/components/pages/converter.tsx b/frontend/src/components/pages/converter.tsx
index b00461b..72ff742 100644
--- a/frontend/src/components/pages/converter.tsx
+++ b/frontend/src/components/pages/converter.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { Box } from '@mui/material';
 
 import { ConvertForm } from '@/components/form';
diff --git a/frontend/src/hooks/index.ts b/frontend/src/hooks/index.ts
index 0fad13d..6532124 100644
--- a/frontend/src/hooks/index.ts
+++ b/frontend/src/hooks/index.ts
@@ -1,4 +1,5 @@
 // @index('./*', f => `export * from '${f.path}'`)
+'use client';
 export * from './dyn_style';
 export * from './storage_state';
 export * from './toasts_limit';