wrapped context vlaues with usememo

This commit is contained in:
Quentin Roussel
2024-03-26 03:40:03 +01:00
parent 7d75e91c80
commit 37fc6b6fa8
5 changed files with 17 additions and 10 deletions

View File

@@ -1,5 +1,5 @@
"use client";
import { createContext, useContext } from "react";
import { createContext, useContext, useMemo } from "react";
const { io } = require("socket.io-client");
@@ -12,8 +12,9 @@ export const adminSocket = io(ADMIN_SOCKET_URL);
export const SocketContext = createContext();
export default function SocketProvider({ children }) {
const value = useMemo(() => ({ teamSocket, adminSocket }), [teamSocket, adminSocket]);
return (
<SocketContext.Provider value={{teamSocket, adminSocket}}>{children}</SocketContext.Provider>
<SocketContext.Provider value={value}>{children}</SocketContext.Provider>
);
}