memoize value for react-router provider

Author: jancajthaml

bootstrap/src/component/Entrypoint.jsx

@@ -24,12 +24,14 @@ export const router = createBrowserRouter([{ path: "*", element: <Sink />, error
 const Entrypoint = (props) => {
   const entrypoint = useSelector(getEntrypoint);
 
+  const value = useMemo(() => ({ entrypoint, children: props.children }), [entrypoint, props.children]);
+
   if (entrypoint === null) {
     return null;
   }
 
   return (
-    <Hatch.Provider value={{ entrypoint, children: props.children }}>
+    <Hatch.Provider value={value}>
       <RouterProvider router={router} />
     </Hatch.Provider>
   );

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lastui/rocker",
-  "version": "0.19.20",
+  "version": "0.19.21",
   "license": "Apache-2.0",
   "author": "[email protected]",
   "homepage": "https://github.com/lastui/rocker#readme",