I am trying to load the RockTheVote embed signup on a react app. This is their embed
<script type="text/javascript" src="https://register.rockthevote.com/assets/rtv-iframe.js"></script>
<script type="text/javascript">
RtvIframe.init({
partner: 1,
source: "ovrpage"
})
</script>
I have something like this right now but I'm stuck. Any help is appreciated in advance :)
const Register = (props) => {
useEffect(() => {
const scriptTag = document.createElement('script');
scriptTag.src =
'https://register.rockthevote.com/assets/rtv-iframe.js';
scriptTag.async = true;
document.body.appendChild(scriptTag);
return () => {
document.body.removeChild(scriptTag);
};
}, []);
return (
<div id="register">
<script type="text/javascript">
RtvIframe.init({
partner: 1,
source: "ovrpage"
})
</script>
</div>
);
};
export default Register;