Using register from use hook for dynamic input

i am having an issue where i want to bind a form with an input that generated dynamically when i use the register from the useform hook. all the inputs will have the same value.
No description
No description
8 Replies
absent-sapphire
absent-sapphire2y ago
Hey @codecrazy, when using register you need to make sure you pass a unique one, maybe by using selectedSocialMedia.map 🤔 you can do ...register(`username.${index}`) or it will be better to use something else than index like you have id, maybe that? 🤔
adverse-sapphire
adverse-sapphire2y ago
but how it will bind the value coming from server for my understanding register must use the same object name also, there will be no id if the input is not set
absent-sapphire
absent-sapphire2y ago
What is the shape of the data coming from the server, when these fields are multiple?
adverse-sapphire
adverse-sapphire2y ago
its like { "companySocialMedia": [{ "id" "username":"", "type":"" }] }
absent-sapphire
absent-sapphire2y ago
Looks like the data is not accessible just with username. Its like companySocialMedia.${index}.username when you pass the same name parameter (first one) to register, having same values is the expected behavior since this is how react-hook-form distinguishes them 😅
adverse-sapphire
adverse-sapphire2y ago
is the word index a reserved word or i should get the index from the map ?
absent-sapphire
absent-sapphire2y ago
Not reserved, you should get that from the map or someway else. Like, its companySocialMedia.0.username for the first and so on. Please let me know if this works and if there's anything we can do to help 🙏
adverse-sapphire
adverse-sapphire2y ago
i will try it and let you know thanks