Skip to main content
The Troubleshooter atom helps users debug their availability and scheduling issues. It displays a sidebar where users can select an event type, view their schedule, and toggle connected calendars alongside a large calendar view that visually shows the resulting availability. Essentially, it lets users diagnose why certain time slots may or may not appear as available. Below code snippet can be used to render the Troubleshooter atom
import { TroubleShooter } from "@calcom/atoms";

export default function TroubleShooterAtom() {
  return (
    <>
      <TroubleShooter />
    </>
  );
}
For a demonstration of the Troubleshooter atom, please refer to the video below.

We offer some customizations to the Troubleshooter atom via props. Below is a list of props that can be passed to the Troubleshooter atom.

NameRequiredDescription
onManageCalendarsClickNoCallback triggered when the “Manage Calendars” button is clicked (shown when calendars are connected)
onInstallCalendarClickNoCallback triggered when the “Install Calendar” button is clicked (shown when no calendars are connected)