1 files changed, 12 insertions, 5 deletions

diff --git a/packages/renderer/src/components/App.tsx b/packages/renderer/src/components/App.tsx
index 2f728e7..b0686a9 100644
--- a/packages/renderer/src/components/App.tsx
+++ b/packages/renderer/src/components/App.tsx
@@ -23,18 +23,25 @@ import { observer } from 'mobx-react-lite';
 import React, { useCallback, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import type RendererStore from '../stores/RendererStore';
+
 import ServicePanel from './ServicePanel';
-import { useStore } from './StoreProvider';
 import Sidebar from './sidebar/Sidebar';
 
-function App({ devMode }: { devMode: boolean }): JSX.Element {
+function App({
+  store,
+  devMode,
+}: {
+  store: RendererStore;
+  devMode: boolean;
+}): JSX.Element {
   const { ready, t } = useTranslation(undefined, {
     useSuspense: false,
   });
   const {
     settings: { selectedService },
     shared: { services },
-  } = useStore();
+  } = store;
   const {
     settings: { name: serviceName },
     title: serviceTitle,
@@ -88,7 +95,7 @@ function App({ devMode }: { devMode: boolean }): JSX.Element {
         width: '100vw',
       }}
     >
-      <Sidebar />
+      <Sidebar store={store} />
       <Box
         sx={{
           flex: 1,
@@ -97,7 +104,7 @@ function App({ devMode }: { devMode: boolean }): JSX.Element {
         }}
       >
         {services.map((service) => (
-          <ServicePanel key={service.id} service={service} />
+          <ServicePanel key={service.id} store={store} service={service} />
         ))}
       </Box>
     </Box>