Re-render ErrorFallback from onError handler output about react-error-boundary

[marcosvega91]

Hi @maurocarrero thanks for reaching us 😄 .

A possible not really clean way is to do as below, using two ErrorBoundary

import * as React from "react";
import { ErrorBoundary as ReactErrorBoundary } from "react-error-boundary";

function ErrorComponent({ error }) {
  return <div>Error {error.timestamp}</div>;
}

class ErrorWithTimestamp extends Error{
  constructor(message,timestamp){
    super(message)
    this.timestamp = timestamp
  }
}

function ErrorBoundary({ children }) {
  const throwErrorWithTimestamp = (error) => {
    throw new ErrorWithTimestamp(error.message, new Date().getTime())
    
  };

  const handleError = (error) => {
    console.log(error.timestamp);
  };

  return (
    <ReactErrorBoundary
      FallbackComponent={ErrorComponent}
      onError={handleError}
    >
      <ReactErrorBoundary FallbackComponent={ErrorComponent} onError={throwErrorWithTimestamp}>
        {children}
      </ReactErrorBoundary>
    </ReactErrorBoundary>
  );
}

export default ErrorBoundary;

[maurocarrero]

Hi @marcosvega91, useful and clean solution.
I was wondering though, if this might be included as an additional feature in the library.
Thank you.

[marcosvega91]

Happy that is working for you ☺️. I'll close the issue for now. If someone else needs this feature in the feature we'll evaluate it. Thanks a lot 👍😉