canvasManagement/nextjs/src/app/course/[courseName]/lecture/[lectureDay]/layout.tsx

import { Suspense } from "react";
import CourseContextProvider from "../../context/CourseContextProvider";

export default async function LectureLayout({
  children,
  params,
}: {
  children: React.ReactNode;
  params: Promise<{ courseName: string; lectureDay: string }>;
}) {
  const { courseName, lectureDay } = await params;
  const decodedCourseName = decodeURIComponent(courseName);
  if (courseName.includes(".js.map")) {
    console.log("cannot load course that is .js.map " + decodedCourseName);
    return <div></div>;
  }
  return (
    <Suspense>
      <CourseContextProvider localCourseName={decodedCourseName}>
        {children}
      </CourseContextProvider>
    </Suspense>
  );
}