"Use Client" Directive on metadata

Answered

Barbado da Terceira posted this in #help-forum

Barbado da TerceiraOP

2024-04-04T15:58:28.000Z

So, this is my code for layout.tsx

export const metadata = {
  title: 'nextOS',
  description: 'webOS made in nextJS',
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en">
      <body>{children}</body>
    </html>
  )
}

When trying to deploy onto Vercel I get this issue:

Error: 
  x You are attempting to export "metadata" from a component marked with "use client", which is disallowed. Either remove the export, or the "use client" directive. Read more: https://nextjs.org/
  | docs/getting-started/react-essentials#the-use-client-directive
  | 
  | 
   ,-[/vercel/path0/src/pages/layout.tsx:1:1]

Answered by Ray

metadata api only work in app folder

View full answer

9 Replies

vordgi

2024-04-04T17:17:33.000Z

Is this all the code for layout.tsx? That is, there is no "use client" directive at the beginning of the file?

And is next.config.js clean or any packages being used?

@vordgi Is this all the code for layout.tsx? That is, there is no "use client" directive at the beginning of the file? And is next.config.js clean or any packages being used?

Barbado da TerceiraOP

2024-04-04T22:58:00.000Z

I don't have a next.config.js, i have a next.config.mjs. and if i add a "use client" at the top of the file. It still keeps showing the same error.

@Barbado da Terceira So, this is my code for layout.tsx js export const metadata = { title: 'nextOS', description: 'webOS made in nextJS', } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( <html lang="en"> <body>{children}</body> </html> ) } When trying to deploy onto Vercel I get this issue: js Error: x You are attempting to export "metadata" from a component marked with "use client", which is disallowed. Either remove the export, or the "use client" directive. Read more: https://nextjs.org/ | docs/getting-started/react-essentials#the-use-client-directive | | ,-[/vercel/path0/src/pages/layout.tsx:1:1]

Ray

2024-04-05T04:50:55.000Z

is the layout.tsx inside the pages folder?

@Ray is the layout.tsx inside the pages folder?

Barbado da TerceiraOP

2024-04-05T12:40:34.000Z

Yeah