Ok, entonces tengo un problema muy extraño (estoy usando next.js).

Estoy mapeando una matriz aleatoria.

 const otherPoepleData = shuffle(allPeople).filter(item => item.full_slug !== data.full_slug).slice(0, 3)

 {otherPoepleData.map((item, index) => <SpeakerNew data={item} key={item.id} index={index} /> )}

Para resumir el problema que he puesto dentro del siguiente código del componente SpeakerNew:

 <div style={{ backgroundImage: `url(${image.filename})` }}> {image.filename} </div>

Y aquí están los resultados:

 <div style="background-image: url(https://something.com/blablaba57674676343zzx.png);"> https://something.com/blablaba13123123dasdzz.png </div>

El contenido del div es 100% correcto, sin embargo, la URL de backgroundImage es incorrecta. Tomado de otra persona completamente de la matriz que estoy mapeando. ¿Cuál podría ser el problema aquí?