How to handle errors thrown from the loader?

[lilouartz]

At the moment, this code:

import { defineLoader } from '#app/unstable';

export const loader = defineLoader(async () => {
  throw new Error('This is an error');
});

Produces this page:

https://pillser.com/checks/error

In Fastify, this is how I am handling it:

try {
  const handler = createRequestHandler({
    build: serverBuild,
    getLoadContext() {
      return {
        nonce: cspNonce,
        session: request.session as unknown as Session,
      };
    },
    mode: 'production',
  });

  return handler(request, reply);
} catch (error) {
  return reply.status(500).send('Internal Server Error');
}

How do I get Remix error page instead?

[lilouartz]

Also, while testing, I noticed that if I create route such as:

export default async () => {
  throw new Error('This is an error');
};

The error becomes:

Error: `line` must be greater than 0 (lines start at line 1)

This feels like a separate issue.

[mcansh]

This feels like a separate issue.

I'll leave them together for now, and i'll open a new issue if it's not resolved by any changes from this one :)

[lilouartz]

@mcansh Any updates on this one?

[mcansh]

hey sorry for the slowness, been busy with work. from what i can tell this is due to streaming with a pass through stream https://github.com/mcansh/remix-fastify/blob/main/packages/remix-fastify/src/server.ts#L134 - i'll investigate further soon

removing the pass through doesn't work in all instances

[mcansh]

i have an experimental release for you to try if you're still using this package :)

npm i @mcansh/remix-fastify@experimental or npm i @mcansh/remix-fastify@0.0.0-experimental-507702b