Reform.app embedded form in Next.js

reform-embed.jsx

import Script from 'next/script'

type Props = {
  formUrl: string
}
export const ReformEmbed = ({ formUrl }: Props) => {
  return (
    <>
      <div id="my-reform" className="z-50 relative" />
      <Script>
        {`window.Reform=window.Reform||function(){(Reform.q=Reform.q||[]).push(arguments)};`}
      </Script>
      <Script
        id="reform-script"
        src="https://embed.reform.app/v1/embed.js"
        onLoad={() => {
          window.Reform('init', {
            url: formUrl,
            target: '#my-reform',
          })
        }}
      />
    </>
  )
}