I am getting a JSON response that has an image property for each key. This image property is the entire image element tag with properties. I am trying to pass that down into a child component, but upon attempting to render, it just shows up as plain html text on the page. Is there a way to render it as an actual image tag? I have attached a screenshot of the JSON response
` <div className="aspect-[3/2] md:aspect-square overflow-hidden">
{props.image}
</div>
<span className="block py-5">{props.name}</span>`
You could use
dangerouslySetInnerHTML
but you'll have to wrap it in a span or div or something: