Make element returned by useOutlet have stable-ish reference (#13382)

Author: Malien

.changeset/honest-bears-pull.md

@@ -0,0 +1,5 @@
+---
+"react-router": patch
+---
+
+Made useOutlet element reference have stable identity in-between route chages

contributors.yml

@@ -239,6 +239,7 @@
 - m-shojaei
 - machour
 - majamarijan
+- Malien
 - Manc
 - manzano78
 - marc2332

packages/react-router/lib/hooks.tsx

@@ -533,12 +533,15 @@ export function useOutletContext<Context = unknown>(): Context {
  */
 export function useOutlet(context?: unknown): React.ReactElement | null {
   let outlet = React.useContext(RouteContext).outlet;
-  if (outlet) {
-    return (
-      <OutletContext.Provider value={context}>{outlet}</OutletContext.Provider>
-    );
-  }
-  return outlet;
+  return React.useMemo(
+    () =>
+      outlet && (
+        <OutletContext.Provider value={context}>
+          {outlet}
+        </OutletContext.Provider>
+      ),
+    [outlet, context]
+  );
 }
 
 /**