diff --git a/package.json b/package.json
index 7fcce60..4c27c58 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@fontsource/roboto": "^4.5.8",
+    "@livecycle/sdk": "^0.1.11",
     "@mui/icons-material": "^5.10.14",
     "@mui/material": "^5.10.14",
     "@tanstack/react-query": "^4.16.1",
diff --git a/src/App.tsx b/src/App.tsx
index 07d4379..50ec9ec 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -8,6 +8,8 @@ import { MapProvider } from "@contexts/MapContext";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { UsersProvider } from "@contexts/UsersContext";
 import { SnackbarProvider } from "notistack";
+import LivecycleSDK from '@livecycle/sdk';
+import { useEffect } from "react";
 
 const queryClient = new QueryClient({
   defaultOptions: {
@@ -18,6 +20,10 @@ const queryClient = new QueryClient({
 });
 
 function App() {
+  useEffect(() => {
+    LivecycleSDK.init().catch(console.error)
+  }, [])
+
   return (
     <SnackbarProvider maxSnack={3}>
       <QueryClientProvider client={queryClient}>