Loop through steps and render them?

[sebastianbilling]

Hi!

I'm trying to loop through a bunch of steps and render them, but they are never rendered.

`<Route render={({ history }) => (

          <Wizard history={history}>
            <Steps>
              {steps.map((stepdata, index) => {
                return (
                  <Step key={index} id={`step${index}`}>
                    <CustomStep
                      key={index}
                      data={stepdata}
                    />
                  </Step>
                )
              })}
            </Steps>
          </Wizard>
        )}
      />

`

If I try to render a single component like in the examples it works perfectly.

Is it a problem looping through steps? Or is React Albus not too happy with a single component being rendered multiple times with different data?

[github-actions]

This issue is stale because it has been open 30 days with no activity.

[ryhinchey]

I believe the issue is that stepData in your example is initially an empty array and albus does not re-render. This will be fixed in v3

[github-actions]

This issue is stale because it has been open 30 days with no activity.