Does not satisfy the constraint 'PageProps'

Help
1
  1. Hi, So im new to NextJS, and im working on some few pages, and I keep getting errors when deploying to Vercel, the error is:
Failed to compile.
app/[lang]/about-us/page.tsx
Type error: Type '{ params: { lang: string; }; }' does not satisfy the constraint 'PageProps'.
  Types of property 'params' are incompatible.
    Type '{ lang: string; }' is missing the following properties from type 'Promise<any>': then, catch, finally, [Symbol.toStringTag]
Error: Command "npm run build" exited with 1

while locally it works, The page in question is:

type Props = {
  params: Promise<{ lang: string }>;
};

export default async function Page(props: Props) {
  const { lang } = await props.params;
  const dict = await getDictionary(lang);

  return (
    <div dir={lang === 'ar' ? 'rtl' : 'ltr'} className="bg-gray-50 min-h-screen">
      <Navigation lang={lang} />
      <main className="py-16">
        <section className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
          <h1 className="text-4xl font-bold text-gray-800 mb-6">
            {dict.pages.aboutUs.title}
          </h1>
          <p className="text-lg text-gray-600">
            {dict.pages.aboutUs.description}
          </p>
        </section>
      </main>
      <Footer lang={lang} />
    </div>
  );
}

I am confused. Please help, not to mention, i am checking the source, and its not matching with Github, even when it shows the commit that was pulled, but the files are not matching, am i missing something?