AsyncImage help needed

App Development
1

Anyone have any idea why the code below only returns an outline of an image versus the actual image?

b.headshot Url example: https://assets.nhle.com/mugs/nhl/20232024/NYR/8478048.png)

 HStack {
                        if let imageUrl = b.headshot {
                            // display player image
                            
                            AsyncImage(url: URL(string: imageUrl)!) { image in
                                image
                                    .resizable()
                                    .frame(width: 50, height: 50)
                                    .aspectRatio(contentMode: .fit)
                                    .clipped()
                                 
                            } placeholder: {
                                ProgressView()
                                    .frame(width: 50, height: 50)
                            }
2

If you do the following, the image displays.

let imageUrl = "https://assets.nhle.com/mugs/nhl/20232024/NYR/8478048.png"
// display player image

AsyncImage(url: URL(string: imageUrl)!) { image in
    image
        .resizable()
        .frame(width: 50, height: 50)
        .aspectRatio(contentMode: .fit)
        .clipped()

} placeholder: {
    ProgressView()
        .frame(width: 50, height: 50)
}

so maybe check that b.headshot has a valid string