Embed Reform in Gatsby JSX

index.js

// Install and setup gatsby-plugin-react-helmet plugin (https://www.gatsbyjs.com/plugins/gatsby-plugin-react-helmet/)

import * as React from 'react'
import { Helmet } from 'react-helmet'

const IndexPage = () => {
    return (
        <main>
            <Helmet>
                <script type="text/javascript">
                    {`
                        window.Reform=window.Reform||function(){(Reform.q=Reform.q||[]).push(arguments)}
                    `}
                </script>
                <script
                    id="reform-script"
                    async
                    src="https://embed.reform.app/v1/embed.js"
                ></script>

                <script type="text/javascript">
                    {`
                        Reform('init', {
                            url: 'https://forms.reform.app/XM7SfH/untitled-form-3',
                            target: '#my-reform',
                        })
                    `}
                </script>
            </Helmet>

            <h1>Page title</h1>

            <div id="my-reform"></div>
        </main>
    )
}

export default IndexPage