Types for ErrorBoundary?

• react-error-boundary version: 2.3.1
• node version:14.4
• npm version: 6.4.7

Relevant code or config

            <ErrorBoundary FallbackComponent={errorFallback}>
            </ErrorBoundary>

What you did: Wrapped a section of JSX with the ErrorBoundary component

What happened:

Visual Studio Code complains with a red squiglly line that “no overload matches this call”

Problem description:

I am thinking that the reason that the JSX for ErrorBoundary is causing a warning is that this is inside of a .tsx component and I need type information for the props for ErrorBoundary.

Suggested solution:

Documentation on how to use ErrorBoundary in a TypeScript component.

[marcosvega91]

If you add type to your props will work

const errorFallback = ({ error }: FallbackProps) => {
  return (
    <div role="alert">
      <p>Something went wrong:</p>
      <pre style={{ color: "red" }}>{error?.message}</pre>
    </div>
  );
};

[KevinBurton]

Thank you. That is what I was looking for.