Hi, i'll add some context: I receive a string from the database which contains the file urls, then I parse it and try to render them in my page.

const Liveries = async (props: TLiveriesProps) => {
    const { data } = props;
    
    return (
        <div className="flex flex-col">
            {data.map((item, i) => {
                const previews = JSON.parse(item.preview);
                return (
                    <>
                        <a className="hover:bg-black hover:text-white">{item.name}</a>
                        {previews.forEach((previewImage: string, index: number) => {
                            <>
                                {console.log(previewImage)}
                                <p>{previewImage}</p>
                                <Image width={100} height={100} src={previewImage} alt="hi"/>
                            </>
                        })}
                    </>
                )
            })}
        </div>
    )
}

my issue is that the console logs the image urls but Image coomponent isn't rendering them, I don't get any errors or http requests at all.