Warning: Prop `id` did not match. Server: "reactHubspotForm4" Client: "reactHubspotForm0"

Develop, Build & Integrate APIs & Integrations
1

Hello,

Can anyone assist me with the following:

I am using a npm package called -

react-hubspot-form.

I have embedded the Hubspot script in my Next.js project. But now every time I refresh the page locally I get the error (Warning: Prop `id` did not match. Server: “reactHubspotForm4” Client: “reactHubspotForm0”).

I have placed it in my code as follows:

<HubspotForm

portalId={process.env.HUBSPOT_PORTAL_ID}

formId={process.env.HUBSPOT_FORM_ID}

locale=“en”

onSubmit={() => console.log(‘Submit!’)}

onReady={() => console.log(‘Form ready!’)}

loading={

<div className=“pb-10 text-center text-[24px] font-semibold”>

Loading…

</div>

}

/>

Has anyone encountered this issue or is there someone that can assist me?

2

Hi @Molyneux

Thank you for reaching out.

I want to tag some of our experts here - @Bryantworks @nikodev @himanshurauthan do you have any thoughts for @Molyneux on this?

Thank you!

Best

Tiphaine