Warning that step.id is null when the Wizard is first time rendering.
See original GitHub issueHi,
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 in
Steps, 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:
- Created 5 years ago
- Reactions:2
- Comments:8 (1 by maintainers)
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@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
This issue is stale because it has been open 30 days with no activity.