Api Handler Router Error | Next.js | Page 1

lethal current Jun 28, 2024, 5:07 AM

#

I am building a farcaster frame using frog library, so I am using a dynamic path in the api route as documented in frog.fm.

On running
next build
in local development and in vercel build, I get this error:

src/app/api/[[...routes]]/route.tsx
Type error: Route "src/app/api/[[...routes]]/route.tsx" does not match the required types of a Next.js Route.
  "app" is not a valid Route export field.

What could be the issue?

proud nexusBOT Jun 28, 2024, 5:07 AM

#

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)

pine lance Jun 28, 2024, 5:52 AM

#

show your route.tsx file (but i think its because you are exporting something that isnt GET/POST/PATCH/PUT/DELETE/HEAD/OPTIONS)

lethal current Jun 28, 2024, 6:21 AM

#

This is what I am exporting

pine lance Jun 28, 2024, 6:22 AM

#

hmm and what is the lib you are using here? (ie type of handle(app))

lethal current Jun 28, 2024, 6:23 AM

#

import { Button, Frog } from "frog";
import { handle } from "frog/next";

#

From the frog library

#

This is a link:
https://frog.fm/platforms/next

Next.js

pine lance Jun 28, 2024, 6:25 AM

#

this is odd as you only have export of GET+POST and the lib should have proper types

lethal current Jun 28, 2024, 6:26 AM

#

it does

pine lance Jun 28, 2024, 6:26 AM

#

did vercel like not download your dep

lethal current Jun 28, 2024, 6:26 AM

#

no error is thrown whatsoever

#

it did.

#

check the image for the error in vercel build

pine lance Jun 28, 2024, 6:27 AM

#

yeah i see the error

lethal current Jun 28, 2024, 6:35 AM

#

okay

pine lance Jun 28, 2024, 6:38 AM

#

lethal current okay

can you expand the logs, and see if typescript gives more info

lethal current Jun 28, 2024, 6:41 AM

#

This is everything it logged

pine lance Jun 28, 2024, 6:45 AM

#

if you disable TS for that page, does everything still work well (// @ts-nocheck at top of file or maybe // @ts-ignore ontop of export)... like it sounds like chaos and i just want to see if it works and if types broken, or if vercel is doing funnyness

lethal current Jun 28, 2024, 6:47 AM

#

okay. let me try that

lethal current Jun 28, 2024, 7:15 AM

#

No, it's still the same

lethal current Jun 28, 2024, 7:40 AM

#

fixed it

#

//Wrong
export const app = new Frog({
  basePath: "/api",
});

//Right
const app = new Frog({
  basePath: "/api",
});

#

i was exporting the frog instance declared here

proud nexusBOT Jun 28, 2024, 7:51 AM

#

✅ Success!

This question has been marked as answered! If you have any other questions, feel free to create another post

Jump to answer

[Click here](#1256113739875356773 message)

#Api Handler Router Error