TypeError Failed to fetch when using embedded form | Community
Skip to main content
Answered

TypeError Failed to fetch when using embedded form

  • November 22, 2023
  • 5 replies
  • 249 views

When using typeform embedded form on my website I get two console log errors.

POST https://form.typeform.com/forms/<my_form_id>/insights/events/v3/view-form-open net::ERR_CONNECTION_RESET

TypeError: Failed to fetch

The form opens up okay but I want to solve these errors.


Here is the react component

import { SliderButton  } from '@typeform/embed-react'

const Typeform = () => {

  const buttonStyle = {
    padding: '10px 20px',
    borderRadius: 4,
    border: 'none',
    background: '#2e0553',
    color: 'white',
    fontSize: 16,
    cursor: 'pointer',
  }

  return (
    <SliderButton id="xxxxxxxx" style={buttonStyle}>
      Subscribe Now
    </SliderButton>
  )
};

export default Typeform;

I’ve tried using the plugin - https://www.npmjs.com/package/@typeform/embed-react

and using the tool from typeform share tab, both have the same issue.

Best answer by mathio-tf

Hello @kaigo 

are you using any adblock browser extension? This is most likely caused by that. I can replicate this in Chrome with uBlock Origin extension installed.

View original

5 replies

Grace
Community Team
Forum|alt.badge.img+5
  • Community Advocate
  • 2687 replies
  • November 23, 2023

Hey @kaigo welcome to the Community 😊

Going to tag @mathio in here for some help! 🙏

 


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 888 replies
  • Answer
  • November 23, 2023

Hello @kaigo 

are you using any adblock browser extension? This is most likely caused by that. I can replicate this in Chrome with uBlock Origin extension installed.


Grace
Community Team
Forum|alt.badge.img+5
  • Community Advocate
  • 2687 replies
  • December 5, 2023

Hi @kaigo did you manage to get this working again? Let us know if you still need any help!


  • Navigating the Land
  • 1 reply
  • January 25, 2024

I’m a bit late to the party, but I’d just like to add some of my observations because I’ve encountered the same problem that @kaigo has.  Also using the React Embed Library. (v3.10.0) In my case, I don’t have any ad blockers on, and all my browser extensions are disabled.  Occurs in Chrome and Edge, both with latest updates.  Although I don’t have any solutions to offer yet, I have noticed that enabling the React dev tools does seem to stifle this error.


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 15018 replies
  • January 26, 2024

Thanks for sharing that, @Mike B. ! That’s helpful to know.