We want to integrate Custom panel from App extensions. Our iframe doesn’t load and appears following error (Something went wrong…). I have read in the documentation that we have to make a call to Pipedine for 10 seconds.
Also we have got query params to our iframe:
resource=person
view=details
userId=***
companyId=***
selectedIds=1
id=****
token=eyJhbGci*******SzcABEiLrsVk
And what request do we have to make to run the iframe in Pipedrive?
In our documentation, it states:
When a custom UI extension (panel/modal/floating window) gets loaded or reloaded, an iframe request with query parameters will be sent.
So, the query parameters you got are correct. This request should be validated in your app’s backend using the JWT you provided in Developer Hub.
Could you share more information about what you provided in Developer Hub and whether you’ve been able to use our SDK to initialize your web page?
Here is our code, there is no error, also after .initialize() code stops (can’t reach until console.log("sdk = ", sdk))
import AppExtensionsSDK, { Command } from "@pipedrive/app-extensions-sdk";
import { useEffect } from "react";
const Pipe = () => {
useEffect(() => {
const initializeSDK = async () => {
try {
// const sdk = await new AppExtensionsSDK().initialize();
const sdk = await new AppExtensionsSDK({
identifier: "s6efafgmYm",
}).initialize();
console.log("sdk = ", sdk);
} catch (error) {
console.log("Failed to initialize AppExtensionsSDK:", error);
}
};
initializeSDK();
}, []);
return <div>pipedrive</div>;
};
export default Pipe;
I had our developers look at your code. They found that you are initializing with a static identifier when the identifier is unique for every request. Could you make changes to your code to use a unique identifier?