Cannot embed bare `do` block in FormGroup component

[LeopoldArkham]

The following:

<FormGroup>
    <Label>Email</Label>
    <Input name="email" onChange={this._handleChange} />
    {do {
    if (this.state.showEmailEmpty) {
        <span>
        <br />This field cannot be empty
        </span>;
    }
    }}
</FormGroup>

fails with this error:

Moving the <span> tag outside of the do block solves the issue...:

<FormGroup>
    <Label>Email</Label>
    <Input name="email" onChange={this._handleChange} />
    <span>
    {do {
        if (this.state.showEmailEmpty) {
            "This field cannot be empty"
        }
    }}
    </span>
</FormGroup>

... as does removing the enclosing FormGroup

[nicmosc]

I see a semicolon after the closing span, that could be causing the issue

[LeopoldArkham]

Same result for me without semicolon

[nicmosc]

Then it might be due to the fact that the FormGroup component maps React component children, and since the {do} block isn't a component it is failing. You could also try this https://github.com/Drawbotics/if-only to do the same thing but for simple If statements