Display error unique id

[krzysztof-cislo]

I would like to generate unique id in handleError where the error would be logged together with this id. Next I want to display the generated id in error boundary so user can send only the id which will be used to find correct log entry.

Is it possible?

[Erij-Maherzia-BEN-BRAHIM]

you can do it this way, in your action function throw an error with your ID

 if (yourCondition) {
    throw json({ errorCode: `GENERATED_ID_${id}` });
  }

then display it in your error boundary

import { isRouteErrorResponse, useRouteError } from "@remix-run/react";

export function GeneralErrorBoundary() {
  const error = useRouteError();

 if (
    isRouteErrorResponse(error) &&
    error.data?.errorCode?.startsWith("GENERATED_ID")
  ) {
    return (
        <p>GENERATED ID: {error.data.errorCode.split("GENERATED_ID_")[1]} </p>
    );
  }
}

[krzysztof-cislo]

This is not what I want to achieve. I want to create generic exception handler which handles all unexpected exceptions in single place.

Remix has two places to handle exceptions.

• One is handleError on the server side. Here I would like to log exception all the details and produce just unique id
• Second one is ErrorBoundary where I can display this unique id to the user with information that something bad happened. I don't want to print all the details to the user.

This way, when user give me exception id I can find more information in the logs.