[FIX] prevent errors around fewer/more hooks in Storybook

[mgadewoll]

Summary

After merging the Storybook code-snippet addon feature and right after the EUIColorPicker Emotion conversion updates, an issue emerged in the code-snippet where Storybook previews render an error due to fewer rendered (conditional) hooks. (see an affected component here)

This is due to the functionality within the code-snippet addon that checks for the story's defaultProps and has to evaluate components where needed to get to the right react element (recursively checking children until the story element is found).

This can be fixed (and optimized) by making sure we only check for the default props for the story element. It's not needed to check for other elements, as they won't have default props and are not relevant to the code snippet.

QA

• open the affected story in Storybook and verify the error is gone and the story and its code snippet render as expected

[elasticmachine]

💚 Build Succeeded

• Buildkite Build
• Commit: d2c2547

History

• 💚 Build #2281 succeeded d2c2547
• 💚 Build #2279 succeeded 4bbba27

[cee-chen]

Thanks so much for catching this Lene! You're a rock star!