fix: move dynamic import module fix to handler

src/App.tsx

@@ -12,12 +12,6 @@ import { Pages } from './pages'
 export const App = observer(() => {
   const rootStore = useCommonStores()
 
-  // To handle when hosting deletes the assets from previous deployments
-  // https://vitejs.dev/guide/build#load-error-handling
-  window.addEventListener('vite:preloadError', () => {
-    window.location.reload()
-  })
-
   return (
     <rootStoreContext.Provider value={rootStore}>
       <ThemeProvider theme={rootStore.stores.themeStore.currentTheme.styles}>

src/common/Error/handler.ts

@@ -13,6 +13,12 @@ export const initErrorHandler = () => {
     return
   }
 
+  // To handle when hosting deletes the assets from previous deployments
+  // https://vitejs.dev/guide/build#load-error-handling
+  window.addEventListener('vite:preloadError', () => {
+    window.location.reload()
+  })
+
   // please check https://docs.sentry.io/error-reporting/configuration/?platform=javascript for options
   Sentry.init(SENTRY_CONFIG)
 }