v2 release breaks catalyst dropdown.tsx about headlessui HOT 3 CLOSED

Hey! Thanks for pointing this out. We've been super busy hacking away on Headless UI v2 and Catalyst and although we'd prepped the necessary changes for the stable release of v2.0 the update fell through the cracks when we published Headless UI v2 this morning.

I've pushed the updates to the documentation, the downloaded zip file, and the template details page on Tailwind UI. You can download the updated version on Tailwind UI now 👍

from headlessui.

You are trying to access to on this type specifically:

export type AnchorProps = false | (`${Placement}` | `${Placement} ${Align}`) | Partial<BaseAnchorProps & {
    /**
     * The `to` value defines which side of the trigger the panel should be placed on and its
     * alignment.
     */
    to: `${Placement}` | `${Placement} ${Align}`;
}>;

from headlessui.

One solution is to use this instead:

export function DropdownMenu({
  anchor = 'bottom',
  ...props
}: { anchor?: Exclude<NonNullable<HeadlessMenuItemsProps['anchor']>, false | string>["to"] } & Omit<HeadlessMenuItemsProps, 'anchor'>) {

from headlessui.