Hello and thank you for your time I believe that I'm following the example for asynchronous page props but can't get past the build error.

Type error: Type '{ params: { courseId: number; email: string; }; }' does not satisfy the constraint 'PageProps'.
  Types of property 'params' are incompatible.
    Type '{ courseId: number; email: string; }' is missing the following properties from type 'Promise<any>': then, catch, finally, [Symbol.toStringTag]

  32 |
  33 | // Check the prop type of the entry function
> 34 | checkFields<Diff<PageProps, FirstArg<TEntry['default']>, 'default'>>()
     |                             ^
  35 |
  36 | // Check the arguments and return type of the generateMetadata function
  37 | if ('generateMetadata' in entry) {
Static worker exited with code: 1 and signal: null

here is my code:

import CourseContentComponent from "@/components/ui/course-content/CourseContentComponent";
import { isCourseIdValid } from "@/actions/courses";
import DOMPurify from "isomorphic-dompurify";

type Params = Promise<{ courseId: string; email: string }>
type SearchParams = Promise<{ [key: string]: string | string[] | undefined }>

export default async function Page(props: {
    params: Params
    searchParams: SearchParams
}) {

    const params = await props.params;
    const courseId = params.courseId;
    const email = params.email;

    const sanitizedUserEmail = DOMPurify.sanitize(decodeURIComponent(email));
    const sanitizedCourseId = DOMPurify.sanitize(decodeURIComponent(courseId));

    await isCourseIdValid(Number(sanitizedCourseId), sanitizedUserEmail, true);

    return (
        <>
            <CourseContentComponent courseId={Number(sanitizedCourseId)} isAdmin={true} email={sanitizedUserEmail} />

        </>

    );
};

Still learning the ropes with type script and any help would be greatly appreciated, I'm awaiting the props, please help.