How do I write the content attribute in react?

Question

typescript

this is my code

<div  itemProp={"offers"} itemScope  itemType={"http://schema.org/Offer"}>
        <span  itemProp="price" content="10.00">{10}</span>
 </div>

I am getting this error.
Type '{children:string; itemProp: string content: string; } ' cannot be assigned to type 'DetailHTMLProps, HTMLSpanElement>'. Content property does not exist for type 'DetailHTMLProps, HTMLSpanElement>'.
I think the problem is content.

Answer 1

Alternatively, you can use this hack:
sometimes it is convenient to define properties in a variable:

const spanProps = {
  itemProp: 'price',
  content: '10.00',
};

return (
  <span {...spanProps}>10</span>
);