[Release blocker] local tile switcher fix (#4447) (#4448)

* fix local tile switcher action

* Change files

Author: dmceachernmsft

change-beta/@azure-communication-react-9de05cab-d5e1-439d-9490-1ccb51ac4000.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Fix local camera switcher blockage with reactions overlay",
+  "comment": "fix local tile switcher action",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-9de05cab-d5e1-439d-9490-1ccb51ac4000.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Fix local camera switcher blockage with reactions overlay",
+  "comment": "fix local tile switcher action",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/react-components/src/components/MeetingReactionOverlay.tsx

@@ -112,7 +112,7 @@ export const MeetingReactionOverlay = (props: MeetingReactionOverlayProps): JSX.
 
   if (overlayMode === 'grid-tiles') {
     return (
-      <div ref={videoTileRef} style={{ width: '100%', height: '100%' }}>
+      <div ref={videoTileRef} style={{ width: '100%', height: '100%', pointerEvents: 'none' }}>
         <ParticipantVideoTileOverlay
           emojiSize={emojiSizePx}
           reaction={reaction}
@@ -122,7 +122,7 @@ export const MeetingReactionOverlay = (props: MeetingReactionOverlayProps): JSX.
     );
   } else if (props.overlayMode === 'screen-share' || props.overlayMode === 'content-share') {
     return (
-      <div ref={videoTileRef} style={{ width: '100%', height: '100%' }}>
+      <div ref={videoTileRef} style={{ width: '100%', height: '100%', pointerEvents: 'none' }}>
         <RemoteContentShareReactionOverlay
           hostDivHeight={divHeight}
           hostDivWidth={divWidth}