move lock focus / unlock focus to RCTUIKit

Author: Saadnajmi

packages/react-native/React/Base/macOS/RCTUIKit.m

@@ -826,18 +826,22 @@ - (nonnull instancetype)initWithSize:(CGSize)size format:(nonnull RCTUIGraphicsI
 }
 
 - (nonnull NSImage *)imageWithActions:(NS_NOESCAPE RCTUIGraphicsImageDrawingActions)actions {
-
     NSImage *image = [NSImage imageWithSize:_size
                                     flipped:YES
                              drawingHandler:^BOOL(NSRect dstRect) {
-        
         RCTUIGraphicsImageRendererContext *context = [NSGraphicsContext currentContext];
         if (self->_format.opaque) {
             CGContextSetAlpha([context CGContext], 1.0);
         }
         actions(context);
         return YES;
     }];
+    
+    // Force the image to render immediately by locking focus.
+    // This creates the backing store and makes CGImageForProposedRect work reliably.
+    [image lockFocus];
+    [image unlockFocus];
+    
     return image;
 }
 

packages/react-native/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm

@@ -872,13 +872,6 @@ static void RCTAddContourEffectToLayer(
     layer.contents = (id)image.CGImage;
     layer.contentsScale = image.scale;
 #else // [macOS
-    // Force the lazy NSImage to render by locking focus.
-    // NSImage created with imageWithSize:flipped:drawingHandler: is lazy -
-    // the drawing handler isn't called until the image is actually drawn.
-    // We need to force rendering before extracting the CGImage.
-    [image lockFocus];
-    [image unlockFocus];
-    
     layer.contents = (__bridge id)UIImageGetCGImageRef(image);
     layer.contentsScale = UIImageGetScale(image);
 #endif // macOS]
@@ -1367,10 +1360,7 @@ - (void)invalidateLayer
 #else // [macOS
     // Keep a strong reference to the NSImage so that the CGImage it provides
     // (via UIImageGetCGImageRef) remains valid while the layer uses it.
-    // The image is lazy - force it to render before extracting CGImage.
     _boxShadowImage = boxShadowImage;
-    [_boxShadowImage lockFocus];
-    [_boxShadowImage unlockFocus];
     _boxShadowLayer.contents = (__bridge id)UIImageGetCGImageRef(_boxShadowImage);
 #endif // macOS]
   }