React Use HubSpot Form Embed

!License

Embed HubSpot forms into your React components using hooks! Works with Create React App, Gatsby and other platforms.

Install

``
$ npm install --save @aaronhayes/react-use-hubspot-form
`

`
$ yarn add @aaronhayes/react-use-hubspot-form
`

Getting Started

Wrap your application with HubspotProvider. This will add Hubspot script to the head of your document.

`TypeScript
import React from 'react';

import { HubspotProvider } from '@aaronhayes/react-use-hubspot-form';

const MyApp = () => (



)

`

Usage

`TypeScript
import React from 'react';

import { useHubspotForm } from '@aaronhayes/react-use-hubspot-form';

const MyPage = () => {
const { loaded, error, formCreated } = useHubspotForm({
portalId: 'XXXXXXX',
formId: 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX',
target: '#my-hubspot-form'
});

return (


`

Breaking Changes

$3

- Introduction of the HubspotProvider component. This needs to be included in your App for useHubspotForm` to work.