shadcn/ui "command" component

[tropic carbon]

hi, I've been trying to use the command component similar to an autocomplete searchbar, but I can't figure out how to do onclick events for the results. onSelect works but only when you click enter on the item, onClick doesn't work when you click, so i'm just really confused.

[drifting iron]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[tropic carbon]

<Button
            className="ml-4"
            variant="secondary"
            onClick={() => setOpen(!open)}
          >
            Edit teacher
          </Button>
          <CommandDialog open={open} onOpenChange={setOpen}>
            <CommandInput placeholder="Enter a teacher name to edit..." />
            <CommandList>
              <CommandEmpty>No results found.</CommandEmpty>
              <CommandGroup heading="Teachers">
                {teachers?.map((teacher) => (
                  <CommandItem
                    key={teacher.userid}
                    onSelect={() => console.log(teacher.userid)}
                    className="cursor-pointer"
                  >
                    {teacher.firstname} {teacher.lastname}
                  </CommandItem>
                ))}
              </CommandGroup>
            </CommandList>
          </CommandDialog>

thats my code for creating the command menu