So currently I am using this bit of code inside my components to load a placeholder image if the main one does not load.

<img
  src={image ? image : 'images/placeholder-image.png'}
/>

And this works fine, however I have to set this for each img tag I use. So I was wondering if anyone knew of a way to globally (for every img tag in a project) set a default image that would load in case there was an error loading the main image?