[Start] No apparent way to do custom server-side error handling?

[oguzgelal]

I've been experimenting with setting up a custom error handling mechanism that works for server functions globally in a catch-all manner, but with not much luck.

I've tried creating a global middleware that wraps the next() call in a try catch block like below, but it doesn't work becuase errors thrown in server functions are handled internally and is turned into a Response object here.

// doesn't work
export const errorHandlerMiddleware = createMiddleware().server(
  async ({ next, request }) => {
    try {
      return await next()
    } catch (error) {
      // ...error handling logic
      return new Response(...)
    }
  },
)

Also tried with server entry file approach, made a custom handler in server.ts but same thing seems to happen there as well. I'm wondering am I missing something? If not, I think being able to handle errors without errors caught and turned into a Response object would be a nice feature.

Currently as a workaround I'm doing this:

export const errorHandlerMiddleware = createMiddleware().server(
  async ({ next, request }) => {
    const res = await next()
    
    if (res.response.status >= 400) {
      //...error handling logic
    }
    
    return res
  },
)