fix(usePlaybackOptions): clear screen regions when screenRegions is unset

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snap/react-camera-kit",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "React Camera Kit for web applications",
   "type": "module",
   "main": "./dist/cjs/index.js",

src/usePlaybackOptions.test.ts

@@ -202,11 +202,13 @@ describe("usePlaybackOptions", () => {
       });
     });
 
-    it("should not set screen regions when undefined", () => {
+    it("should clear screen regions when undefined", async () => {
       const options: PlaybackOptions = {};
       renderHook(() => usePlaybackOptions(options));
 
-      expect(mockSetScreenRegions).not.toHaveBeenCalled();
+      await waitFor(() => {
+        expect(mockSetScreenRegions).toHaveBeenCalledWith({});
+      });
     });
 
     it("should update screen regions when changed", async () => {

src/usePlaybackOptions.ts

@@ -78,9 +78,9 @@ export function usePlaybackOptions(options: PlaybackOptions) {
   }, [currentSession, sdkStatus, options.muted, setMuted, log]);
 
   useEffect(() => {
-    if (sdkStatus !== "ready" || !currentSession || !options.screenRegions) return;
-
-    setScreenRegions(options.screenRegions).catch((error) => {
+    if (sdkStatus !== "ready" || !currentSession) return;
+    // Coalesce to {} so clearing the prop clears the regions — setScreenRegions replaces the full set.
+    setScreenRegions(options.screenRegions ?? {}).catch((error) => {
       log.error("screen_regions_apply_failed", { screenRegions: options.screenRegions }, error);
     });
   }, [currentSession, sdkStatus, options.screenRegions, setScreenRegions, log]);