Memoize context value (#3786)

2024-05-01 05:35:52 +01:00
parent 31cb3e5422
commit 181e61bedb
2 changed files with 13 additions and 8 deletions
@@ -34,10 +34,17 @@ export function createPortalGroup() {
      setOutlet(<>{Object.values(map.current)}</>)
    }, [])

+    const contextValue = React.useMemo(
+      () => ({
+        outlet,
+        append,
+        remove,
+      }),
+      [outlet, append, remove],
+    )
+
    return (
-      <Context.Provider value={{outlet, append, remove}}>
-        {props.children}
-      </Context.Provider>
+      <Context.Provider value={contextValue}>{props.children}</Context.Provider>
    )
  }