Return custom HTTP Status Code with appDir server component

[ben519]

This question has been asked several times for specific use-cases

• Returning 500 or 503 Error Response Status Code from Layout or Page
• How to return custom status code (429) with React Server Components?
• Custom error code for notFound page in appDir
• Set different unsuccessful status codes on page (RSC) when fetching or something else goes wrong?

My specific use case:

In my case, when a user requests a page he doesn't have permission to view, I return a <NotAuthorized /> component like so

// user/[userId]/edit/page.jsx (server component)

import { EditProfile } from '@/components/Profile'
import NotAuthorized from '@/components/NotAuthorized'

export default async function Page({ params }) {
  // setup code here..

  if (user.id !== params.userId) {
    return <NotAuthorized />
  }

  return (
    <div>
      <EditProfile userId={ params.userId } />
    </div>
  )
}

In the case where I return the <NotAuthorized /> component, I would love to issue a 401 Unauthorized HTTP Status Code.

General Request

More generally, it'd be great if server components let me return any status code. Is this possible?

[devjiwonchoi]

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