Fix dropdown-menu type by avoiding destructuring

This commit is contained in:
Mohamed Boudra
2026-02-04 14:01:58 +07:00
parent db3c085372
commit 835e8e45d1
@@ -194,24 +194,23 @@ export function DropdownMenuTrigger({
style, style,
...props ...props
}: PropsWithChildren<DropdownMenuTriggerProps>): ReactElement { }: PropsWithChildren<DropdownMenuTriggerProps>): ReactElement {
const { setOpen, open: isOpen, triggerRef } = useDropdownMenuContext("DropdownMenuTrigger"); const ctx = useDropdownMenuContext("DropdownMenuTrigger");
const open: boolean = isOpen;
const handlePress = useCallback(() => { const handlePress = useCallback(() => {
if (disabled) return; if (disabled) return;
setOpen(!open); ctx.setOpen(!ctx.open);
}, [disabled, open, setOpen]); }, [disabled, ctx]);
return ( return (
<Pressable <Pressable
{...props} {...props}
ref={triggerRef} ref={ctx.triggerRef}
collapsable={false} collapsable={false}
disabled={disabled} disabled={disabled}
onPress={handlePress} onPress={handlePress}
style={({ pressed, hovered }) => { style={({ pressed, hovered }) => {
if (typeof style === "function") { if (typeof style === "function") {
return style({ pressed, hovered, open }); return style({ pressed, hovered, open: ctx.open });
} }
return style; return style;
}} }}