@amalsr/bootstrap-contact-form/src/rendor.js

A Bootstrap-based contact form widget for React, Next.js, and raw HTML via <script>.

import React from 'react';
import ReactDOM from 'react-dom/client';
import ContactForm from './ContactForm';

// Make globally callable function for HTML
window.renderContactForm = function (selector, props = {}) {
  const container = document.querySelector(selector);
  if (!container) {
    console.error(`Container "${selector}" not found`);
    return;
  }

  const root = ReactDOM.createRoot(container);
  root.render(React.createElement(ContactForm, props));
};