White strip on iPad when rendering a view to an image

Question

I am trying to render a black rectangle to an image and save it to the photo library. But every time I render it on my iPad, the picture has a white strip on the top, that doesn’t happen if I do this on the iPhone. I am using Swift Playgrounds 4, so maybe that’s the reason. It’s a bit strange, since both Views the small and the bigger one are both „iPads“. Thank you for your help! That’s my code so far:

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Button("Snapshot") { 
                // Save Screenshot
                let image = snapshotView.snapshot()
                
                UIImageWriteToSavedPhotosAlbum(image, nil, nil, nil)
            }
        }
    }
    var snapshotView: some View {
        VStack {
            Rectangle()
                .frame(width: 200, height: 200)
        }
    }
}

extension View {
    func snapshot() -> UIImage {
        let controller = UIHostingController(rootView: self)
        let view = controller.view
        
        let targetSize = controller.view.intrinsicContentSize
        view?.bounds = CGRect(origin: .zero, size: targetSize)
        view?.backgroundColor = .clear
        
        let renderer = UIGraphicsImageRenderer(size: targetSize)
        
        return renderer.image { _ in
            view?.drawHierarchy(in: controller.view.bounds, afterScreenUpdates: true)
        }
    }
}

Image of the Rectangle