Nesting an If alongside an element causes key problems

If you have something like this:

<If condition={aCondition}>
    <span>Blah</span>

    <If condition={anotherCondition}>
        <span>Other Blah</span>
    </If>
</If>

It seems to cause

warning.js:46 Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of `FeatureInfoSection`. See https://fb.me/react-warning-keys for more information.

Goes away if you do

<If condition={aCondition}>
    <span>Blah</span>

    <If condition={anotherCondition}>
        <span key='otherblah'>Other Blah</span>
    </If>
</If>

Looks like it’ll be an annoying fix 😦

[AlexGilleran]

Fixed in v3.1.3! 💃

[stoikerty]

works for me as well @texttechne thanks for the fix!