FormField.vue $this->withMeta keeps undefined

[merijnponzo]

• Laravel Version: 9.19
• Nova Version: 4.0
• PHP Version: 8.0
• Database Driver & Version: Mysql

I followed the documentation to add some meta to my custom vue field:
https://nova.laravel.com/docs/4.0/customization/fields.html

But when logging FormField.vue, this.field.hues i get 'undefined'

<template>
  <DefaultField :field="field" :errors="errors" :show-help-text="showHelpText">
    <template #field>
      <input
        :id="field.attribute"
        type="text"
        class="w-full form-control form-input form-input-bordered"
        :class="errorClasses"
        :placeholder="field.name"
        v-model="value"
      />
    </template>
  </DefaultField>
</template>

<script>
import { FormField, HandlesValidationErrors } from "laravel-nova";

export default {
  mixins: [FormField, HandlesValidationErrors],
  props: ["resourceName", "resourceId", "field"],
  components: { PartsMap },
  mounted() {
    const hues = this.field.hues;
    console.log(hues);
  },
  methods: {
    /*
     * Set the initial, internal value for the field.
     */
    setInitialValue() {
      this.value = this.field.value || "";
    },

    /**
     * Fill the given FormData object with the field's internal value.
     */
    fill(formData) {
      formData.append(this.field.attribute, this.value || "");
    },
  },
};
</script>

And in nova-components/ColorPicker/src/ColorPicker.php

    public function hues(array $hues)
    {
        return $this->withMeta(['hues' => $hues]);
    }

I also added the withMeta attribute to my nova fields

  ColorPicker::make('ColorPicker')->hideFromIndex()->withMeta([
                'extraAttributes' => [
                    'placeholder' => 'David Hemphill',
                ],
            ])

and this actually does shows up in my field object, but 'hues' doesn't