Nie działa pobieranie elemetu z modułu

Witam.
Wyeksportowałem formularz i appendem wstawiłem go do DOM'u (czysty js bez frameworków).
Formularz pokazuje się na stronie ale dlaczego nie mogę go pobrać?
Konsola zwraca null.

let ContactForm = {

  render : async () => {

    const form = document.querySelector('#form');
    console.log(form);//null


      let view = "<form id='form' action='#'>
                        <h4>Contact Us</h4>
                        <input type='text' name='name' placeholder=' name'  required>
                        <input type='submit' value='send'></form>";

      return view;
  },
}

export default ContactForm;

Nie całkiem rozumiem twój kod, ale wygląda na to, że usiłujesz złapać element [document.querySelector('#form');] jeszcze zanim dodasz go do DOM a nawet zanim zdefiniujesz zmienną z jego treścią. Poza tym próba odpalenia kodu generuje błędy, to ma być może uruchamiane w jakimś innym środowisku niż przeglądarka?