[bug]: Website crashes showing "Application error: a client-side exception has occurred (see the browser console for more information)."

[Gaurav-r-a-j]

Describe the bug

When Navigating through the combobox components ' the last example which show a form for selecting language when you click on language the website crashes and show this error "Application error: a client-side exception has occurred (see the browser console for more information)."

Affected component/components

Combobox

How to reproduce

1. Go to Combobox component
2. Navigate to bottom of the page , to the form example showing Select Language Combobox .
3. Click on "Select language" and the website will show the mentioned error.

Codesandbox/StackBlitz link

https://ui.shadcn.com/docs/components/combobox

Logs

TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator))

System Info

able to reproduce in Chrome, Brave, and Arc

Before submitting

• [X] I've made research efforts and searched the documentation
• [X] I've searched for existing issues

[patelvivekdev]

Wrap in CommandList.

import { CommandList } from '@/components/ui/command';

   ...

                    <CommandList>
                      <CommandEmpty>No language found.</CommandEmpty>
                      <CommandGroup>
                        {languages.map((language) => (
                          <CommandItem
                            value={language.label}
                            key={language.value}
                            onSelect={() => {
                              form.setValue('language', language.value);
                            }}
                          >
                            <Check
                              className={cn(
                                'mr-2 h-4 w-4',
                                language.value === field.value
                                  ? 'opacity-100'
                                  : 'opacity-0',
                              )}
                            />
                            {language.label}
                          </CommandItem>
                        ))}
                      </CommandGroup>
                    </CommandList>

   ...

[JolomiTee]

the solution @patelvivekdev offered worked for my implementation, and correctly shows the list of command items.