Base Ui Select displays

[OdecoGlobal]

         <Select value={field.value} onValueChange={field.onChange}>
                    <SelectTrigger
                      id="product-category"
                      aria-invalid={fieldState.invalid}
                    >
                      <SelectValue placeholder="Select a category" />
                    </SelectTrigger>
                    <SelectContent>
                      {categories.map(category => (
                        <SelectItem key={category.id} value={category.id}>
                          {category.name}
                        </SelectItem>
                      ))}
                    </SelectContent>
                  </Select>

Above is my code, but when the name is choosen, the selecttrigger shows the id instead of the name.
This was not happening when I used radix-ui

[abhayclasher]

hey, this usually happens if the types dont match (like string vs number) or if the field.value doesnt exactly match any of the SelectItem values. double check they're both strings. also if u're using the new Base UI version, make sure the value mapping is 1:1 👍