component: const message = await fetch('localhost:3000/api/employers/route.ts'); return ( <> {message?.json()} );route:export async function GET() { return NextResponse.json({ message: 'Hello World!' }); }I get a Unhandled Runtime Error Error: fetch failed

Fetch failed error

Answered

American Pipit posted this in #help-forum

American PipitOP

2023-09-17T12:43:49.000Z

component:

    const message = await fetch('localhost:3000/api/employers/route.ts');

    return (
        <>
            <Navbar user={user} />
            <EmployerContent employers={employers} />
            <p>{message?.json()}</p>
        </>
    );

route:

export async function GET() {
    return NextResponse.json({ message: 'Hello World!' });
}

I get a Unhandled Runtime Error Error: fetch failed

Answered by riský

you can use [unstable_cache](https://nextjs.org/docs/app/building-your-application/caching#unstable_cache) to have the same cache as fetch

View full answer

5 Replies

@American Pipit component: const message = await fetch('localhost:3000/api/employers/route.ts'); return ( <> <Navbar user={user} /> <EmployerContent employers={employers} /> <p>{message?.json()}</p> </> ); route: export async function GET() { return NextResponse.json({ message: 'Hello World!' }); } I get a `Unhandled Runtime Error Error: fetch failed`

riský

2023-09-17T12:44:33.000Z

https://nextjs-faq.com/fetch-api-in-rsc

@riský https://nextjs-faq.com/fetch-api-in-rsc

American PipitOP

2023-09-17T12:47:33.000Z

I wanted to do fetch(path, {tag: ''}) so I can revalidate the tag. How can I create/revalidate a tag if I'm using supabase API directly in the component?

riský

2023-09-17T12:48:14.000Z

you can use [unstable_cache](https://nextjs.org/docs/app/building-your-application/caching#unstable_cache) to have the same cache as fetch

Answer

@riský https://nextjs-faq.com/fetch-api-in-rsc

Pink salmon

2023-09-18T05:18:22.000Z

thnaks

riský

2023-09-18T12:17:45.000Z

@American Pipitdo you have any more questions (ie was the unstable_cache recommendation good enough)