Reports

You're trying to cast a modified Image view as an Image, but once you apply modifiers like .imageScale() or .foregroundStyle(), it becomes a modified view (ModifiedContent), not a plain Image anymore. So the cast as? Image fails, and accessoryImage becomes nil.

so how can we fix this

Instead of returning an optional Image?, return a some View or just use the image inline.like this

var accessoryImage: some View {
    Image(systemName: "globe")
        .imageScale(.large)
        .foregroundStyle(.tint)
}

If you really need Image?, don’t apply modifiers in the computed property like this

var accessoryImage: Image? {
    return Image(systemName: "globe")
}

then apply modifier like this

accessoryImage?
    .imageScale(.large)
    .foregroundStyle(.tint)

hope this can help you

79559627