From d18bcaaa9459c633ccac7951b985ff3e3a8f13c6 Mon Sep 17 00:00:00 2001
From: Aj - Thomas <thomascamlong@gmail.com>
Date: Wed, 27 Apr 2022 03:12:26 +0200
Subject: [PATCH] Wrap app with serviceprovider

---
 pages/_app.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/pages/_app.tsx b/pages/_app.tsx
index 98a74bcc0..d9bb4a12e 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -6,6 +6,7 @@ import Head from 'next/head';
 import { MantineProvider, ColorScheme, ColorSchemeProvider } from '@mantine/core';
 import { NotificationsProvider } from '@mantine/notifications';
 import Layout from '../components/layout/Layout';
+import { ServicesProvider } from '../tools/state';
 
 export default function App(props: AppProps & { colorScheme: ColorScheme }) {
   const { Component, pageProps } = props;
@@ -27,10 +28,12 @@ export default function App(props: AppProps & { colorScheme: ColorScheme }) {
 
       <ColorSchemeProvider colorScheme={colorScheme} toggleColorScheme={toggleColorScheme}>
         <MantineProvider theme={{ colorScheme }} withGlobalStyles withNormalizeCSS>
-          <NotificationsProvider position='top-right'>
-            <Layout>
-              <Component {...pageProps} />
-            </Layout>
+          <NotificationsProvider position="top-right">
+            <ServicesProvider>
+              <Layout>
+                <Component {...pageProps} />
+              </Layout>
+            </ServicesProvider>
           </NotificationsProvider>
         </MantineProvider>
       </ColorSchemeProvider>