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, useState } from "react";
import { createContext, useContext, useMemo, useState } from "react";
import { useSocket } from "./socketContext";
import { useSocketListener } from "@/hook/useSocketListener";
@@ -15,9 +15,11 @@ const TeamConnexionProvider = ({ children }) => {
}
useSocketListener(teamSocket, "login_response", setLoggedIn);
const value = useMemo(() => ({ teamId, login, loggedIn }), [teamId, login, loggedIn]);
return (
<teamConnexionContext.Provider value={{ teamId, login, loggedIn }}>
<teamConnexionContext.Provider value={value}>
{children}
</teamConnexionContext.Provider>
);