Explain Map() position

Hi,

Can someone explain how the Map() position should work?

struct ContentView: View {

@State private var position: MapCameraPosition = .userLocation(followsHeading: true, fallback: .automatic)

    var body: some View {
        Map(position: $position) {
            UserAnnotation()
        }
    }
}

I was expecting the map to zoom in to users location but it shows the map zoomed out to the max instead. Location is authorized. I've also added the location button.

.mapControls {
    MapUserLocationButton()
}

Pressing it zooms in to the user's location without issues.

Thanks!