Clicking anywhere inside the step contents triggers onClickStep

[projectsbydan]

When using the onClickStep prop, the user can no longer interact with the contents without triggering the function.

For example, clicking on prev/next Buttons that are inside the step, triggers the onClickStep and prevents navigation.

Ideally, this would only be triggered when clicking on the step label or icon.

Is there any way to trigger navigation when clicking on the label? The styling seems to be perfect for this, as the label turns into a link.

[projectsbydan]

I managed to trick it by adding a container for the contents of the step, with an onClick={(e) => e.stopPropagation()} prop on it.