put socket.io into a React Context. Make instant messaging work
Change-Id: I8576dbf8bf5e8d749a0453fc49a7d6c8a26e3915
diff --git a/client/src/index.js b/client/src/index.js
index cdd90a4..a8a1407 100644
--- a/client/src/index.js
+++ b/client/src/index.js
@@ -12,6 +12,8 @@
import * as Sentry from "@sentry/react";
import { BrowserTracing } from "@sentry/tracing";
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import socketio from 'socket.io-client';
+import { SocketProvider } from './contexts/socket.js';
const queryClient = new QueryClient({
defaultOptions: {
@@ -21,15 +23,19 @@
},
})
+const socket = socketio()
+
const container = document.getElementById("root");
const root = createRoot(container);
root.render(
<Provider store={store}>
<React.StrictMode>
<QueryClientProvider client={queryClient}>
- <Router>
- <App/>
- </Router>
+ <SocketProvider socket={socket}>
+ <Router>
+ <App/>
+ </Router>
+ </SocketProvider>
</QueryClientProvider>
</React.StrictMode>
</Provider>