diff --git a/src/App.tsx b/src/App.tsx
index 42c4a19..2e85e30 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -6,9 +6,8 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { getCookie, setCookie } from 'cookies-next';
 import { useEffect, useState } from 'react';
 import AppBody from './AppBody';
-import { FfprobeModal } from './shared/components/modal.windows/FfprobeModal';
-import { VaInfoModal } from './shared/components/modal.windows/VaInfoModal';
 import { SideBarProvider } from './widgets/sidebars/SideBarContext';
+import { modals } from './shared/modals';
 
 const queryClient = new QueryClient({
   defaultOptions: {
@@ -18,17 +17,6 @@ const queryClient = new QueryClient({
   }
 })
 
-const modals = {
-  ffprobeModal: FfprobeModal,
-  vaInfoModal: VaInfoModal,
-}
-
-declare module '@mantine/modals' {
-  export interface MantineModalsOverride {
-    modals: typeof modals;
-  }
-}
-
 function App() {
   const systemColorScheme = useColorScheme()
 
diff --git a/src/shared/modals.ts b/src/shared/modals.ts
new file mode 100644
index 0000000..57b33a0
--- /dev/null
+++ b/src/shared/modals.ts
@@ -0,0 +1,7 @@
+import { FfprobeModal } from "./components/modal.windows/FfprobeModal";
+import { VaInfoModal } from "./components/modal.windows/VaInfoModal";
+
+export const modals = {
+    ffprobeModal: FfprobeModal,
+    vaInfoModal: VaInfoModal,
+  }
\ No newline at end of file
diff --git a/src/types/mantine-modals-override.d.ts b/src/types/mantine-modals-override.d.ts
new file mode 100644
index 0000000..fe54532
--- /dev/null
+++ b/src/types/mantine-modals-override.d.ts
@@ -0,0 +1,7 @@
+import { modals } from '../shared/modals'
+
+declare module '@mantine/modals' {
+    export interface MantineModalsOverride {
+        modals: typeof modals;
+    }
+}
\ No newline at end of file