From e92eeb67a1bc605bea03dfb94aaf1a0c4bc2dd75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=B4mulo=20Penido?= <romulo.penido@gmail.com>
Date: Thu, 16 Jan 2025 11:52:08 -0300
Subject: [PATCH] fix: prevent LibraryLayout remount

---
 src/library-authoring/LibraryLayout.tsx | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/library-authoring/LibraryLayout.tsx b/src/library-authoring/LibraryLayout.tsx
index c093af7ad..728d31cab 100644
--- a/src/library-authoring/LibraryLayout.tsx
+++ b/src/library-authoring/LibraryLayout.tsx
@@ -3,7 +3,6 @@ import {
   Route,
   Routes,
   useParams,
-  useLocation,
 } from 'react-router-dom';
 
 import { ROUTES } from './routes';
@@ -23,12 +22,8 @@ const LibraryLayout = () => {
     throw new Error('Error: route is missing libraryId.');
   }
 
-  const location = useLocation();
   const context = useCallback((childPage) => (
     <LibraryProvider
-      /** We need to pass the pathname as key to the LibraryProvider to force a
-       * re-render when we navigate to a new path or page. */
-      key={location.pathname}
       libraryId={libraryId}
       /** The component picker modal to use. We need to pass it as a reference instead of
        * directly importing it to avoid the import cycle:
@@ -44,7 +39,7 @@ const LibraryLayout = () => {
         </>
       </SidebarProvider>
     </LibraryProvider>
-  ), [location.pathname]);
+  ), []);
 
   return (
     <Routes>