TabView doesn't support scrollClipDisabled

I’m trying to use TabView as a page view, but I’m having some trouble. When I select a tab, the content gets cut off. I tried setting scrollClipDisabled, but that didn’t help.

var body: some View {
    TabView {
        Button {

        } label: {
            AsyncImage(
                url: URL(
                    string:
                        "https://plus.unsplash.com/premium_photo-1693227521269-d90b70e3ee06?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
                )
            ) { image in
                image
                    .resizable()
                    .aspectRatio(contentMode: .fit)
            } placeholder: {
                Color.red
            }
        }
        .buttonStyle(.borderless)
    }
    .scrollClipDisabled()
    .tabViewStyle(.page(indexDisplayMode: .always))
    .indexViewStyle(.page(backgroundDisplayMode: .always))
    Button("Button") {

    }
}

If you switch between tab content and the button, you will notice that the bottom corner radius is clipped.

Does anyone have any idea how to avoid this action?