First Next.JS project failing to deploy on Vercel.

[analog spruce]

Hi all,

Could someone please point me in the right direction to getting a page to properly deploy on Vercel? I was able to successfully do this prior but after some changes I can see its complaining about "Failed to compile. Type error: Property 'params' is missing in type '{}' but required in type . Do you have any suggestion to troubleshoot?

16| <div>
17 | <h1 className="py-4 font-semibold">Our Products</h1>
18 | <Photogallery />
| ^
19 | </div>
20 | </main>
21 | );
Error: Command "npm run build" exited with 1"

i tried adding params as one of the data types but the value starts to complain.

[long halo]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[royal palm]

what happens if you run npm run build locally?

[grand pawn]

This is because of a type mismatch. You’ve to ensure the types are same

[analog spruce]

it loads locally

[analog spruce]

Would you mind elaborating more? Sorry, i just started with Java, CSS, HTML a couple months ago and typescript is certainly lacking

[grand pawn]

The var “value” doesn’t have the property “params”

[analog spruce]

Thank you, i added "params" as a type under "dataArray" just to test things out but this was causing issues

[grand pawn]

And also, for dataArray, you’ve to use useState

[grand pawn]

My bad you don’t

Ignore that message

[grand pawn]

Try running “npm run build” locally