1 files changed, 9 insertions, 4 deletions

diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx
index 1626bef..d900e50 100644
--- a/packages/renderer/src/index.tsx
+++ b/packages/renderer/src/index.tsx
@@ -26,14 +26,17 @@ import CssBaseline from '@mui/material/CssBaseline';
 import React from 'react';
 import { render } from 'react-dom';
 
-import { App } from './components/App';
-import { StoreProvider } from './components/StoreProvider';
-import { ThemeProvider } from './components/ThemeProvider';
+import App from './components/App';
+import StoreProvider from './components/StoreProvider';
+import ThemeProvider from './components/ThemeProvider';
 import { exposeToReduxDevtools, hotReloadServices } from './devTools';
 import { createAndConnectRendererStore } from './stores/RendererStore';
+import { getLogger } from './utils/log';
 
 const isDevelopment = import.meta.env.MODE === 'development';
 
+const log = getLogger('index');
+
 if (isDevelopment) {
   hotReloadServices();
   document.title = `[dev] ${document.title}`;
@@ -42,7 +45,9 @@ if (isDevelopment) {
 const store = createAndConnectRendererStore(window.sophieRenderer);
 
 if (isDevelopment) {
-  exposeToReduxDevtools(store);
+  exposeToReduxDevtools(store).catch((err) => {
+    log.error('Cannot initialize redux devtools', err);
+  });
 }
 
 function Root(): JSX.Element {