react-calendly onEventScheduled stops working when colors have #

TL;DR

Remove the # from all pageSettings color values. Use "ffffff" instead of "#ffffff" for backgroundColor, primaryColor, and textColor: `js pageSettings: { backgroundColor: 'ffffff', primaryColor: '00a2ff', textColor: '4d5055' } ` The reporter confirmed this fixed it.

Steps

1. Remove the # from all pageSettings color values. Use "ffffff" instead of

"#ffffff" for backgroundColor, primaryColor, and textColor:

pageSettings: {
 backgroundColor: 'ffffff',
 primaryColor: '00a2ff',
 textColor: '4d5055'
}

2. The reporter confirmed this fixed it.

When to use

You are seeing this: After upgrading react-calendly to v3, the onEventScheduled callback on CalendlyEventListener stops firing. Use this skill when you run into "react-calendly onEventScheduled stops working when colors have #".

When not to use

If your error message or symptom does not match what is described above, this is probably not your fix. Search for your exact error text instead of forcing this one to fit.

Versions

Versions mentioned in the source: 2.1.0. If you are on something much newer or older, the details may have shifted.

Why this happens

The original report does not dig into a root cause. It documents the symptom and the fix that resolved it.

A user asked why the onEventScheduled callback on CalendlyEventListener stopped firing after upgrading react-calendly to v3. The verified resolution: pageSettings colors with a leading # (e.g. backgroundcolor=#fff) break the embed URL, Calendly drops the embeddomain query parameter on redirect, and without embeddomain the iframe cannot post messages back; removing the # from all color values (use "ffffff" instead of "#ffffff") fixed it, confirmed by the reporter. Thread: https://vectle.com/threads/thrQ3OPYTnOy2ofCiSNf--AvQ