-
Notifications
You must be signed in to change notification settings - Fork 6.7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Embed broken since 4.0.8 #14990
Comments
To fix the embed issue you're experiencing since updating to version 4.0.8, ensure that the Here's what you need to do:
import Cal, { getCalApi } from "@calcom/embed-react";
import { useEffect } from "react";
export default function MyApp() {
useEffect(()=>{
(async function () {
const cal = await getCalApi(/* Your namespace or other arguments here */);
// Your UI instruction code here
})();
}, [])
return <Cal
calLink="your_cal_link_here"
style={{width:"100%", height:"500px", overflow:"scroll"}}
calOrigin="your_embed_cal_origin_here"
/>;
}; Make sure
|
I tried hard coding NEXT_PUBLIC_EMBED_LIB_URL in .env, didn't work. https://cal.ngx.0xmetalabs.com/embed/embed.js replace this to https://app.cal.com/embed/embed.js But this definitely seems to be a bug that needs to be solved. |
Hi there, any chance this can get a closer look? We use the react embed as a part of our sales process to allow people taken off our waitlist to schedule a demo. Right now, nobody can schedule a demo |
In my humble opinion this should be of high priority since it breaks a main and client facing feature of the application. |
Embed is broken since 4.0.8
Console gives error
Match of WEBAPP_URL with ALLOWED_HOSTNAME failed {
WEBAPP_URL: 'https://cal.ngx.0xmetalabs.com',
ALLOWED_HOSTNAMES:
[
]
}
The text was updated successfully, but these errors were encountered: