Bug: Error Boundary is not able to catch only specific Error types about react

[no-yan]

You just need to use getDerivedStateFromError. This error message warns lack of getDerivedStateFromError.

There should be a way to catch only specific errors.

I think there is.

To handle only specific error in a Error Boundary, you should check error type in getDerivedStateFromError like the code below.
Unhandled error will propagate to the closest error boundary above it. So keep in mind you should use other error boundary too.

  static getDerivedStateFromError(error: Error) {
    return {
      hasError: error instanceof UnauthorizedError
    };
  }

[Kelvym115]

As @no-yan said, you just need to use getDerivedStateFromError. Correct me if I'm wrong but I also believe that the use of componentDidCatch should not be used in components after version 16.0.0 of React.

In that case you can add the method getDerivedStateFromError to update the component state when an error occurs inside child components.