Fix dropdown-menu type by avoiding destructuring
This commit is contained in:
@@ -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;
|
||||||
}}
|
}}
|
||||||
|
|||||||
Reference in New Issue
Block a user