diff --git a/contributors.yml b/contributors.yml index bb22009121..f6e83dd009 100644 --- a/contributors.yml +++ b/contributors.yml @@ -208,6 +208,7 @@ - m-shojaei - machour - majamarijan +- Malien - Manc - manzano78 - marc2332 diff --git a/packages/react-router/lib/hooks.tsx b/packages/react-router/lib/hooks.tsx index 4699b3817a..59f610e2fe 100644 --- a/packages/react-router/lib/hooks.tsx +++ b/packages/react-router/lib/hooks.tsx @@ -320,12 +320,15 @@ export function useOutletContext(): Context { */ export function useOutlet(context?: unknown): React.ReactElement | null { let outlet = React.useContext(RouteContext).outlet; - if (outlet) { - return ( - {outlet} - ); - } - return outlet; + return React.useMemo( + () => + outlet && ( + + {outlet} + + ), + [outlet, context] + ); } /**