Trying to embed Typebot react component in Appsmith.
Hi, I'm trying to embed a chatbot in an Appsmith app as a custom component.
This is the code I'm using:
Appsmith is showing the following error:
I suspect it's something to do with how I'm importing the Typebot deps via esm. Any suggestions on how to resolve this? I cannot install deps as NPM packages, I must use ESM to load them
This is the code I'm using:
import React from 'https://cdn.jsdelivr.net/npm/react@18.2.0/+esm'
import reactDom from 'https://cdn.jsdelivr.net/npm/react-dom@18.2.0/+esm'
import typebotIojs from 'https://cdn.jsdelivr.net/npm/@typebot.io/js@0.3/+esm'
import typebotIoreact from 'https://cdn.jsdelivr.net/npm/@typebot.io/react@0.3/+esm'
import { Standard } from 'https://cdn.jsdelivr.net/npm/@typebot.io/react@0.3/+esm';
function App() {
const patiend_id = appsmith.model.data;
return (
<Standard typebot="service-bot" style={{ width: "100%", height: "600px" }} />
);
}
appsmith.onReady(() => {
reactDom.render(<App />, document.getElementById("root"));
});
Appsmith is showing the following error:
Uncaught TypeError: Cannot read properties of null (reading 'useRef')I suspect it's something to do with how I'm importing the Typebot deps via esm. Any suggestions on how to resolve this? I cannot install deps as NPM packages, I must use ESM to load them
