Typebot embed on GatsbyJS

Hey everyone,

I'm reaching out for some guidance on integrating the Typebot into our Gatsby website.

We've been following the embed instructions tailored for React - standard (embed in a container on a site).

import { Standard } from "@typebot.io/react";

const App = () => {
  return (
    <Standard
      typebot="XYZ"
      style={{ width: "100%", height: "600px" }}
    />
  );
};

import { Standard } from "@typebot.io/react";

const App = () => {
  return (
    <Standard
      typebot="XYZ"
      style={{ width: "100%", height: "600px" }}
    />
  );
};

import { Standard } from "@typebot.io/react";

const App = () => {
  return (
    <Standard
      typebot="XYZ"
      style={{ width: "100%", height: "600px" }}
    />
  );
};

import { Standard } from "@typebot.io/react";

const App = () => {
  return (
    <Standard
      typebot="XYZ"
      style={{ width: "100%", height: "600px" }}
    />
  );
};

Everything seems to work perfectly when running on a local server.

However, the moment we try to deploy our site on Netlify, we encounter an error:
https://i.gyazo.com/2afe4ca0a0ffd90a5bae3ed088f0139d.png

Does anyone have any insights on how to tackle this issue?

I'd really appreciate any suggestions or advice you all might have.

This is a huge blocker for me right now.

Typebot embed on GatsbyJS

Similar Threads

Similar Threads

Similar Threads