onSubmit function for multiple typeform on one page

[pradeepgill007]

trafficstars

I am embedding 2 typeform in a single component. onSubmit function on both the component get called simultaneously even if I have submitted only first typeform.

import React from "react";
import { ReactTypeformEmbed } from "../components";

const ExampleWidget = () => {
  return (
    <div>
      <div>
        <ReactTypeformEmbed
          onSubmit={() => {
            console.log("typeform 1 submitted");
          }}
          url={"https://typeformdeviomedia.typeform.com/to/Cvc6N8"}
        />
      </div>
      <div>
        <ReactTypeformEmbed
          onSubmit={() => {
            console.log("typeform 2 submitted");
          }}
          url={"https://admin.typeform.com/to/cVa5IG"}
        />
      </div>
    </div>
  );
};

export default ExampleWidget;

[Ivaylo-Bachvarov]

Same Issue here.

[bekkblando]

Any update or workarounds on this issue?

[catob]

I had a similar issue with only one form on the page. Everything was fine on the first submit, but onSubmit was fired twice on the next form submit, and three times on the next and so on.

[InnProgress]

I had a similar issue with only one form on the page. Everything was fine on the first submit, but onSubmit was fired twice on the next form submit, and three times on the next and so on.

Did you found workaround? Currently stuck with the same issue.

EDIT: Issue dissapeared by replacing this react wrapper with official @typeform/embeded package!

[catob]

I had a similar issue with only one form on the page. Everything was fine on the first submit, but onSubmit was fired twice on the next form submit, and three times on the next and so on.

Did you found workaround? Currently stuck with the same issue.

EDIT: Issue dissapeared by replacing this react wrapper with official @typeform/embeded package!

I did not. I ended up using the official typeform package as well.