question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Warning that step.id is null when the Wizard is first time rendering.

See original GitHub issue

Hi,

First of all great library. Does what it says and does it best. I was trying it out and was getting warning. Warning: Failed prop type: The prop step.idis marked as required inSteps, but its value is null. in Steps (created by Wizard) in Wizard (created by Onboarding)

Turns out the same warning was replicated in the console.log of the official examples from add animation onwards.

Problem: Basically whenever I try to render Step, using Wizard’s render api, this warning shows up. The default props of Steps.id = null. When the object is rendering it throws an error.

Can you please check?

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:2
  • Comments:8 (1 by maintainers)

github_iconTop GitHub Comments

4reactions
dugasmarkcommented, Mar 21, 2019

@AntonKL To prevent the warning to pop I contionnaly set the “step” prop like this:

<Steps key={step.id} step={step.id ? step : undefined}>

This way while the step id is null the “step” props is not pass

0reactions
github-actions[bot]commented, Sep 10, 2020

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

Read more comments on GitHub >

github_iconTop Results From Across the Web

Using Django model forms + form wizard + Crispy - Does not ...
Everything seems to render ok to me, however when I press submit the form seems to be validated but does not proceed to...
Read more >
Set the first wizard page that should be rendered as ... - Drupal
Notice the PHP 8 warnings on the first page and the fact that required field fails validation even though it is not rendered....
Read more >
Windchill Client Architecture Wizard - PTC Support
Specifies that wizard step is to be hidden at first, or for the action to be rendered as non-clickable. required. false. false /...
Read more >
Form Renderer - Form.io Documentation
To start, we will first create a new Project within the Form.io Portal ... Now that we have rendered a form, the next...
Read more >
Chapter 15 Optimize your apps with custom handlers
The renderUI() and uiOutput() couple is the most famous way to render any HTML ... renderUI re-renders the whole block each time an...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found