HubSpot Form Embedding

[nf_mastroianni (Neil)]

You're very close my friend... I just:

1. Created a hubspot account
2. Created a form
3. Copied the embed code
4. Created a Slice Called HubSpot
5. Tested
6. Success!

import { Content, asText } from '@prismicio/client'
import { SliceComponentProps } from '@prismicio/react'

/**
 * Props for `HubSpot`.
 */
export type HubSpotProps = SliceComponentProps<Content.HubSpotSlice>

/**
 * Component for "HubSpot" Slices.
 */
const HubSpot = ({ slice }: HubSpotProps): JSX.Element => {
  return (
    <section
      data-slice-type={slice.slice_type}
      data-slice-variation={slice.variation}
    >
      <div
        dangerouslySetInnerHTML={{ __html: asText(slice.primary.hubspot) }}
      />
    </section>
  )
}

export default HubSpot

Screenshot