Estoy usando React 17 e importando un ícono de imagen como se muestra a continuación
import IconA from './myassets/images/Icona.png'; const ImgView = () => { return ( <div> <img src={IconA} alt="IconA" /> </div> ); }En la página HTML, se convierte a una cadena base64 y se representa como
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4 //8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="IconA" />¿Cómo puedo cargar mi ícono en la etiqueta img sin convertirlo a una cadena base64? Obtengo un error de CSP inferior debido al problema anterior
Refused to load data:image/png;base64 ... because it does not appear in the img-src directive of the Content Security Policy