fix: unit open inside collection

Author: rpenido

src/library-authoring/containers/UnitInfo.tsx

@@ -10,6 +10,7 @@ import {
   useToggle,
 } from '@openedx/paragon';
 import { useEffect, useCallback } from 'react';
+import { useNavigate } from 'react-router';
 import { MoreVert } from '@openedx/paragon/icons';
 
 import { useComponentPickerContext } from '../common/context/ComponentPickerContext';
@@ -70,7 +71,7 @@ const UnitMenu = ({ containerId, displayName }: ContainerMenuProps) => {
 const UnitInfo = () => {
   const intl = useIntl();
 
-  const { setUnitId } = useLibraryContext();
+  const { libraryId, setUnitId } = useLibraryContext();
   const { componentPickerMode } = useComponentPickerContext();
   const {
     defaultTab,
@@ -81,7 +82,8 @@ const UnitInfo = () => {
     sidebarAction,
   } = useSidebarContext();
   const jumpToCollections = sidebarAction === SidebarActions.JumpToAddCollections;
-  const { insideUnit, navigateTo } = useLibraryRoutes();
+  const navigate = useNavigate();
+  const { insideUnit } = useLibraryRoutes();
 
   const tab: UnitInfoTab = (
     sidebarTab && isUnitInfoTab(sidebarTab)
@@ -94,9 +96,9 @@ const UnitInfo = () => {
     if (componentPickerMode) {
       setUnitId(unitId);
     } else {
-      navigateTo({ unitId });
+      navigate(`/library/${libraryId}/unit/${container.containerKey}`);
     }
-  }, [componentPickerMode, navigateTo, unitId]);
+  }, [componentPickerMode, unitId]);
 
   const showOpenUnitButton = !insideUnit || componentPickerMode;