I've a list of nested sections inside list of chapters. For creation of a section, Id from chapter array is required. What are the potential solutions to send that to onSectionSubmit handler,

[IMPERIAL-HEX]

// I've tried this but it causes rerenders

handleSubmit (()=> onSectionSubmit(data, chapterItem.id

 subject?.chapters.map((chapterItem, chapterIndex) => (
    <Dropdown
      key={chapterIndex}
      isPrimary={true}
      sectionTitle={chapterItem.titles.en}
    >
      {chapterItem.sections.map((sectionItem, sectionIndex) => (
        <Dropdown
          key={sectionIndex}
          isSection
          sectionTitle={'section title'}
        >
        </Dropdown>
      ))}
      {AddChapterForm(
        'Add a new Section:',
        false,
// how can I send chapter item.id to on section submit along with data from form
       handleSubmit(onSectionSubmit),
        register,
        errors
      )}
    </Dropdown>
  ))
}