Property 'src' does not exist on type 'HTMLElement'

Question

I cant show my Image because of this error on the src property, how do I declare this correctly?

import { Typography } from '@material-ui/core';
import styled from 'styled-components'

const Product = ({item}:any) => {
    return (
        <Container>
            <Circle/>
            <Image src={item.imagem}/>
            <Typography>
                {item.nome}
            </Typography>

        </Container>
    )
}

export default Product;``

Answer 1

Try this

<Box component="img" src={item.imagem} />