Estoy tratando de incrustar un formulario en un componente page.js React. El script src se carga en la página, pero no el código del formulario.

Aquí está el código de inserción HTML original:

 <script type="text/javascript" src="https://koi-3QNK98WC9Y.marketingautomation.services/client/form.js?ver=2.0.1"></script> <script type="text/javascript"> var ss_form = {'account': 'MzawMDE3tzQzBQA', 'formID': 'M0xNNjW2TDXSTUozMNI1MU421U00Sk7UTU5OTbJIs0wyTrVMBAA'}; ss_form.width = '100%'; ss_form.domain = 'app-3QNK98WC9Y.marketingautomation.services'; ss_form.target_id = 'form'; ss_form.polling = true; </script>

Esto es lo que tengo actualmente en React:

 import React, { useEffect } from "react"; function Contact() { useEffect(() => { const script = document.createElement('script'); script.src='https://koi-3QNK98WC9Y.marketingautomation.services/client/form.js?ver=2.0.1'; document.body.appendChild(script); script.addEventListener('load', () => { var ss_form = {'account': 'MzawMDE3tzQzBQA', 'formID': 'M0xNNjW2TDXSTUozMNI1MU421U00Sk7UTU5OTbJIs0wyTrVMBAA'}; ss_form.width = '100%'; ss_form.domain = 'app-3QNK98WC9Y.marketingautomation.services'; ss_form.target_id = 'form'; ss_form.polling = true; }); }, []); return ( <main> <div id="form"> </div> </main> ); } export default Contact;

Donde se suponía que debía aparecer el formulario (dentro de #form div) está en blanco y no se procesa ningún código.

No puedo ver lo que estoy haciendo mal.