Binding element 'error' implicitly has an 'any' type when trying to implement the fallback function <ErrorBoundary> - react-error-boundary

Question

I am trying to implement ErrorBoundary from react-error-boundary like this:

import React from 'react'; 
import { ErrorBoundary } from "react-error-boundary";

function Fallback({ error }) {
  return (
    <div role='alert'>
      <p>Something went wrong:</p>
      <pre style={{ color: 'red' }}>{error.message}</pre>
    </div>
  );
}

const App = () => {
return (
  <ErrorBoundary FallbackComponent={Fallback} 
  onReset={details => {console.log(details);}}>
    <ExapleComponent/>
  </ErrorBoundary>
  )
}

But I get

Binding element 'error' implicitly has an 'any' type.
I tried changing { error } with { error: Error }, but did not work.

Louisinator · Accepted Answer · 2023-06-16 00:09:15Z

0

The solution was to change { error } with { error }:{ error: Error }

answered Jun 16, 2023 at 0:09

Louisinator

674 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Binding element 'error' implicitly has an 'any' type when trying to implement the fallback function <ErrorBoundary> - react-error-boundary

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related