Left sidebar navigation breaks rendering of course

[KristinAoki]

On the edX production site, the enabling of the left sidebar navigation prevents the page from rendering. When looking at the Network tab in Dev tools, the navigation API, /api/course_home/v1/navigation/undefined returns 404 because the course id is undefined. It should be noted that this does not occur on all the edX environments.

Screen recording of the behavior:

Screen.Recording.2024-08-14.at.11.48.20.AM.mov

Screenshot of console errors

The error points to the useEffect in src/courseware/course/sidebar/sidebars/course-outline/hooks.jsx

Reproduction steps

1. Enable courseware.enable_navigation_sidebar waffle flag
2. Open a course
3. See the spinner for loading the course content
4. Shown unexpected error occurred message

[qasimgulzar]

@KristinAoki could you please add steps to reproduce.