ImageTag.tsx

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