feat(renderer): Introduce chunk splitting

This should make the application load a tiny bit faster by delaying
loading the UI in parallel with setting up stores and localization.

Signed-off-by: Kristóf Marussy <kristof@marussy.com>

1 files changed, 3 insertions, 2 deletions

diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx
index 0022ec8..37116db 100644
--- a/packages/renderer/src/index.tsx
+++ b/packages/renderer/src/index.tsx
@@ -25,10 +25,9 @@ import '@fontsource/roboto/700.css';
 import CssBaseline from '@mui/material/CssBaseline';
 import { autorun } from 'mobx';
 import { addDisposer } from 'mobx-state-tree';
-import React, { Suspense } from 'react';
+import React, { Suspense, lazy } from 'react';
 import { render } from 'react-dom';
 
-import App from './components/App';
 import Loading from './components/Loading';
 import StoreProvider from './components/StoreProvider';
 import ThemeProvider from './components/ThemeProvider';
@@ -66,6 +65,8 @@ const disposeSetTitle = autorun(() => {
 });
 addDisposer(store, disposeSetTitle);
 
+const App = lazy(() => import('./components/App'));
+
 function Root(): JSX.Element {
   return (
     <React.StrictMode>