Image.jsx

import React, { Component } from 'react';
import ImageError from 'app/components/image/ImageError';

type Props = {
  src: string,
};

type State = {
  hasError: boolean,
};

export default class Image extends Component {
  props: Props;

  state: State = {
    hasError: false,
  };

  onErrror = () => this.setState({ hasError: true });

  render() {
    const { src, ...props } = this.props;
    const { hasError } = this.state;
    
    if (hasError) {
      return (<ImageError />);
    }
    
    return (
      <img
        {...props}
        src={src}
        onError={this.onError}
      />
    )
  }
}

ImageError.jsx

import React from 'react';

// placeholder component
export default function ImageError({}: Props) {
  return (
    <div>Something went wrong</div>
  );
}