Issue in Deployment

[123raymondmok]

Hi! When deploying my project via vercel, I get these issues on deployment and was wondering what exactly I'm doing wrong or if there's a prompt or something I could do to fix this? Thanks for the help! :)

Below is the text:

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/

,-[/vercel/path0/app/login/page.tsx:15:1]

12 | import { Label } from "@/components/ui/label"
13 | import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
14 |
15 | export const metadata: Metadata = {
: ^^^^^^^^
16 | title: "Login - StreamLine",
17 | description: "Login to your StreamLine account",
18 | }

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/app/api-reference/directives/use-client
|
|
,-[/vercel/path0/app/signup/page.tsx:17:1]
14 | import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
15 | import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
16 |
17 | export const metadata: Metadata = {
: ^^^^^^^^
18 | title: "Sign Up - StreamLine",
19 | description: "Create your StreamLine account",
20 | }
`----
Import trace for requested module:
./app/signup/page.tsx

Build failed because of webpack errors
 ELIFECYCLE  Command failed with exit code 1.
Error: Command "pnpm run build" exited with 1