How do I dynamically do setParent and setChild?

[marcustut]

I'm using react and I need to render a nested menu with data fetched from external API. However, since I have to do setParent and setChild, how do I do this dynamically? As far as I'm aware, we can't use react hooks in a loop right?

[anubra266]

@marcustut where does a loop come in here?

[anubra266]

@marcustut use this as a guide https://github.com/chakra-ui/zag-docs/blob/965ddb4445839c8cd7549c830d2d85d0f67782c9/components/machines/nested-menu.tsx#L35

The actual rendered items have no business with the setParent and setChild logic, they just receive the spread props.

[anubra266]

@marcustut I think I'm just understanding your question, I'll get back on this.

[anubra266]

@marcustut Can you put your example in a codesandbox so it's easy to tweak.

[anubra266]

@marcustut Can you put your example in a codesandbox so it's easy to tweak.

[marcustut]

Ya sure, I'm now outside and I'll get a CodeSandbox link up later tonight.