useEnumValues

useEnumValues (deprecated, don't use)

Returns enum values passed to z.enum() for the field that's being rendered:

function MyDropdown() {
  const values = useEnumValues(); // ['red', 'green', 'blue']
  return (
    <select>
      {values.map((e) => {
        //...
      })}
    </select>
  );
}
const FormSchema = z.object({
  favoriteColor: z.enum(["red", "green", "blue"]),
});

It can be used to extract the enum values passed to z.enum() from array of enums:

function MyDropdown() {
  const values = useEnumValues(); // ['red', 'green', 'blue']
  return (
    <select multiple>
      {values.map((e) => {
        //...
      })}
    </select>
  );
}

const FormSchema = z.object({
  favoriteColors: z.array(z.enum(["red", "green", "blue"])),
});