fix broken click handlers in Rewards shadowDOM

app/content-scripts/rewards/index.jsx

@@ -19,6 +19,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { Router, Route } from 'react-router-dom';
+import retargetEvents from 'react-shadow-dom-retarget-events';
 import HotDog from './HotDog';
 import OfferCard from './OfferCard';
 import msgModule from '../utils/msg';
@@ -93,6 +94,7 @@ class RewardsApp {
 		document.body.appendChild(this.rewardsContainer);
 		const shadowRoot = this.rewardsContainer.attachShadow({ mode: 'open' }); // Get the shadow root
 		shadowRoot.appendChild(this.rewardsApp); // Append React root to shadow root
+		retargetEvents(shadowRoot);
 
 		this.mainView = props => (
 			<Router history={history}>

package.json

@@ -59,6 +59,7 @@
     "react-markdown": "^4.2.2",
     "react-redux": "^7.1.1",
     "react-router-dom": "^5.0.1",
+    "react-shadow-dom-retarget-events": "^1.0.10",
     "react-svg": "^10.0.20",
     "redux": "^4.0.4",
     "redux-object": "^0.5.10",

yarn.lock

@@ -6731,6 +6731,11 @@ react-router@5.0.1, react-router@^5.0.1:
     tiny-invariant "^1.0.2"
     tiny-warning "^1.0.0"
 
+react-shadow-dom-retarget-events@^1.0.10:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/react-shadow-dom-retarget-events/-/react-shadow-dom-retarget-events-1.0.10.tgz#78c3c039bf2ea4e788d91d390662c9ccaf8d92ad"
+  integrity sha512-OOt7ugDgSuXiy+PmMOMHqvm4ko6X+cJsre/N124dCJhLBXqv1xVLjwuhpeY7/nv7p/YxytvyfwYG+M19NMnSjQ==
+
 react-svg@^10.0.20:
   version "10.0.20"
   resolved "https://registry.yarnpkg.com/react-svg/-/react-svg-10.0.20.tgz#cbbc7394e711311a6f07a2c679563ea9364bb558"