ImageTag.tsx

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