How to Disable PopoverTrigger Component?

[if1eight0sty]

I have made a component using popover of shadcn ui. I want disable the trigger programmatically.

export function Component<
    T extends { id: number | string | boolean; name: string }
>({
    disabled = false,
}: TProps<T>) {
    const [open, setOpen] = useState(false)
    return (
        <div className="w-full">
            <Popover open={open} onOpenChange={setOpen}>
                <PopoverTrigger asChild disabled={disabled}>
        // rest of the codes

I have done this to make the trigger disabled. But its not working.
I haven't found this disabled prop in the docs but my editor gives me suggestion for it so i guess it exists.
I am passing the boolean value for disabled as props.

Can anyone help me here, how can i do this?

[if1eight0sty]

<Popover modal={true}>
  <PopoverTrigger asChild>
    <Button
      variant="outline"
      role="combobox"
      className={cn(
        "w-full justify-between",
        !field.value && "text-muted-foreground",
      )}
    >
      {field.value
        ? users.find(
            (user) => user.id === field.value,
          )?.name
        : "Select User}
      <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
    </Button>

this is the solution i found. we need set the modal prop to true.
for reference here