Вот так (это список секций): {sections?.map((info, index) =>

Question

Вот так (это список секций): {sections?.map((info, index) =>

<Box key={index} id={`section-${index}`} my={(index > 0) ? 10 : 0}>
<Section info={info}/>
</Box>
)}

и потом использую внутри компоненты:

const NarrativeSection: FC<{info: SectionInfo }> = ({info}) {
...
const onValidSubmit: SubmitHandler<{ sectionTitle: string }> = (data) => info.changeTitle(data.sectionTitle)
...
}