How to return custom status code (429) with React Server Components?

[moroshko]

With getServerSideProps, when data is fetched and 429 (Too many requests) is returned, I do:

res.statusCode = 429;
res.end();
return { props: { error: "Too many requests" } };

How do I translate this response logic when fetching the data using React Server Components?

[proemian]

I don't think server components was meant to replicate traditional client/server semantics.
I only think you can accomplish this by calling an api endpoint in /app/api/.., and return the errorcode using
return NextResponse.json({ error: 'Too many requests' }, { status: 429 });

[moroshko]

I don't see how calling an API endpoint accomplishes that.
What I want is to return a 429 for a certain page that can't be rendered because of rate limiting.
@timneutkens @leerob @delbaoliveira What would you recommend?

[devjiwonchoi]

@moroshko Posted #53225 before working on it, can you confirm if this is what you are requesting?

[moroshko]

Commented there. Thanks for the initiative! @devjiwonchoi

[timneutkens]

Posted a reply here: #53225 (comment)