NotFound route doesn't render with conditional statement inside of switch (conditionally mounted routes)

[r3wt]

Version

4.2.0

Test Case

Steps to reproduce

A switch with some conditional mounted routes like so:

{this.props.store.loggedIn ?
<React.Fragment>
    <Route exact path='/account/details' component={AccountDetails} />
    <Route exact path='/account/my-reviews' component={AccountReviews} />
    <Route exact path='/providers/review/:id?/:token?' component={LeaveReview} />
    {this.props.store.user.type=='provider' &&
        <React.Fragment>
            <Route exact path='/providers/dashboard' component={ProviderDashboard} />
            <Route exact path='/providers/account' component={AccountDetails} />
            
            <Route exact 
                path='/providers/edit/:section(contact-information|images|overview|amenities|pricing)?' 
                component={ProviderEdit} />
            <Route exact path='/providers/preview/:section(contact-information|images|overview|amenities|pricing)?' component={ProviderListingPreview} />
        </React.Fragment>
    }
</React.Fragment>
:
<React.Fragment>
    <Route exact path='/account/details' render={()=><Redirect to='/?dialog=login' />} />
</React.Fragment>
}

if i replace the above with this it works:

<Route exact path='/account/details' component={AccountDetails} />
<Route exact path='/account/my-reviews' component={AccountReviews} />
<Route exact path='/providers/dashboard' component={ProviderDashboard} />
<Route exact path='/providers/account' component={AccountDetails} />
<Route exact path='/providers/review/:id?/:token?' component={LeaveReview} />
<Route exact 
    path='/providers/edit/:section(contact-information|images|overview|amenities|pricing)?' 
    component={ProviderEdit} />

Expected Behavior

NotFound route renders if no others match

Actual Behavior

NotFound route doesn't render if no others match

[timdorr]

Switch doesn't work with Fragments and won't (at least according to Michael): #5892

[r3wt]

bah, that's great.