wrapped context vlaues with usememo

traque-front/context/adminConnexionContext.jsx

@@ -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";
 
@@ -14,8 +14,10 @@ const AdminConnexionProvider = ({ children }) => {
 
     useSocketListener(adminSocket, "login_response", setLoggedIn);
 
+    const value = useMemo(() => ({ login, loggedIn }), [loggedIn]);
+
     return (
-        <adminContext.Provider value={{ login, loggedIn }}>
+        <adminContext.Provider value={value}>
             {children}
         </adminContext.Provider>
     );

traque-front/context/adminContext.jsx

@@ -1,5 +1,5 @@
 "use client";
-import { createContext, useContext, useEffect, useState } from "react";
+import { createContext, useContext, useEffect, useMemo, useState } from "react";
 import { useSocket } from "./socketContext";
 import { useSocketListener } from "@/hook/useSocketListener";
 import { useAdminConnexion } from "./adminConnexionContext";
@@ -21,8 +21,9 @@ function AdminProvider({children}) {
     useSocketListener(adminSocket, "teams", setTeams);
     useSocketListener(adminSocket, "game_started", setStarted);
 
+    const value = useMemo(() => ({teams, setTeams, started, setStarted}), [teams, started]);
     return (
-        <adminContext.Provider value={{teams, setTeams, started, setStarted}}>
+        <adminContext.Provider value={value}>
             {children}
         </adminContext.Provider>
     );

traque-front/context/socketContext.jsx

@@ -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>
     );
 }
 

traque-front/context/teamConnexionContext.jsx

@@ -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>
     );

traque-front/context/teamContext.jsx

@@ -1,7 +1,7 @@
 "use client";
 import { useLocation } from "@/hook/useLocation";
 import { useSocketListener } from "@/hook/useSocketListener";
-import { createContext, useContext, useEffect, useState } from "react";
+import { createContext, useContext, useEffect, useMemo, useState } from "react";
 import { useSocket } from "./socketContext";
 import { useTeamConnexion } from "./teamConnexionContext";
 
@@ -22,8 +22,9 @@ function TeamProvider({children}) {
         }
     }, [loggedIn, currentPosition]);
     
+    const value = useMemo(() => ({enemyPosition, currentPosition}), [enemyPosition, currentPosition]);
     return (
-        <teamContext.Provider value={{enemyPosition, currentPosition}}>
+        <teamContext.Provider value={value}>
             {children}
         </teamContext.Provider>
     );