ImageTag.tsx

 1import { makeStyles } from '@material-ui/styles';
 2import React from 'react';
 3
 4const useStyles = makeStyles({
 5  tag: {
 6    maxWidth: '100%',
 7  },
 8});
 9
10const ImageTag = ({
11  alt,
12  ...props
13}: React.ImgHTMLAttributes<HTMLImageElement>) => {
14  const classes = useStyles();
15  return (
16    <a href={props.src} target="_blank" rel="noopener noreferrer nofollow">
17      <img className={classes.tag} alt={alt} {...props} />
18    </a>
19  );
20};
21
22export default ImageTag;