Next.js Discord

Discord Forum

Deployment on Vercel Failed

Unanswered
Northeast Congo Lion posted this in #help-forum
Open in Discord
Northeast Congo LionOP
I've deployed my Next.js app on Vercel through GitHub, but I'm encountering an issue. Initially, the RootLayout code had some mistakes, which I corrected and pushed the updated code to GitHub. However, on Vercel, the source still shows the old RootLayout code, and it doesn't seem to reflect the changes I made.


on vercel logs:
src/app/layout.tsx
Type error: Layout "src/app/layout.tsx" has an invalid "default" export:
  Type "Readonly<{ children: ReactNode; session: any; }>" is not valid.
Error: Command "npm run build" exited with 1


source code on vercel:
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import Header from "../components/Header";
import Providers from "../components/Providers";

const inter = Inter({ subsets: ["latin"] });

export const metadata: Metadata = {
  title: "DiscoBook",
  description: "Connect, Discover, and Grow Your Discord Server",
};

export default function RootLayout({
  children,
  session
}: Readonly<{
  children: React.ReactNode;
  session: any;
}>) {
  return (
    <html lang="en">
      <body className={inter.className}>
        <Providers session={session}>
          <Header />
          <main className="mt-12 bg-gray-900 min-h-screen">{children}</main>
        </Providers>
      </body>
    </html>
  );
}

1 Reply

Northeast Congo LionOP
current code on github:
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import Header from "../components/Header";
import Providers from "../components/Providers";


const inter = Inter({ subsets: ["latin"] });

export const metadata: Metadata = {
  title: "DiscoBook",
  description: "Connect, Discover, and Grow Your Discord Server",
};

type RootLayoutProps = {
  children: React.ReactNode;
}

export default async function RootLayout({
  children,
}: RootLayoutProps) {

  return (
    <html lang="en">
      <body className={inter.className}>
        <Providers>
          <Header />
          <main className="mt-12 bg-gray-900 min-h-screen">{children}</main>
        </Providers>
      </body>
    </html>
  );
}