Reform in NextJS

index.js

import { useEffect } from 'react'
import Script from 'next/script'


export default function Home() {
    useEffect(() => {
        window.Reform=window.Reform||function(){(Reform.q=Reform.q||[]).push(arguments)};

        window.Reform('init', {
            url: '', // Form URL
            target: '#my-reform',
        })
    }, [])

    return (
        <div>
            <Script
                id="reform-script"
                src="https://embed.reform.app/v1/embed.js"
                strategy="afterInteractive"
            />
            <main>
                <div id="my-reform"></div>
            </main>
        </div>
    )
}

@ BjornDCode Thought I'd send a FYI the above gist. When running Next with TypeScript this version doesn't work since TS doesn't recognize Reform.q etc. I'm exploring fixes atm.

Quick fix is likely to just define

declare const Reform: any

At the top of the file.