In my props, I pass the array "ticket_data" when loading the Vue component. Now I want to make a post to a controller using the Inertia form. This also works without problems.

My problem is, I can not access individual values from the array ...

My code:

let props = defineProps({
    ticket_data: Object,
    ticket_messages: Object,
});

let form = useForm({
    text: '',
});

let submit = () => {

    form
    .transform((data) => ({
        data,
        ticket_id: props.ticket_data.ticket_id, // null
        ticket_id: props.ticket_data, // gives all Data see Json
    }))
    .post('/account/user/support/ticket/send', {
        preserveScroll: true,
        onSuccess: () => form.reset('text'),
    });
};

If I submit props.ticket_data individually, the following post arrives at my controller:

"ticket_id":[{"user_id":1,"ticket_id":5,"reference":"Testticket","state":0,"author":"Kevin Johnson","text":"..","created_at":"11/04/22 - 19:58"}]}

If the data arrives with "props.ticket_data", why can't I just access it with "props.ticket_data.ticket_id" ?

"props.ticket_data.[1]" doesn't work like that either....