Using with HTML forms

[jashiels99]

I'm having trouble using the Listbox component with HTML forms. I'm aware there is a section on this in the documentation, and it mentions the fact that when using complex values like objects as the selected state, this will be encoded into multiple inputs using a square bracket notation for the names:

<!-- Rendered hidden inputs -->
<input type="hidden" name="assignee[id]" value="1" />
<input type="hidden" name="assignee[name]" value="Durward Reynolds" />

This is proving problematic, it would be nice if there was a prop on the Listbox component that determines what is actually parsed into the hidden input. In this case, I would just like it to be the ID of a record, not the whole record.

I am using Remix and Zod validation for context.