yeah, I use reach/router for this kind of thing. A page switcher was just the first example that popped into my head. Here's a real world example if it matters

yeah, I use reach/router for this kind of thing. A page switcher was just the first example that popped into my head. Here's a real world example if it matters… const Grid = (gridItems) => ( <Grid> {gridItems.map(item => ( <GridItem {...item} key={item._key} /> _} </Grid> )} const GridItem = (props) => { switch(props._type) { case 'image': return <GridImage {...props} /> case 'video': return <GridVideo {...props} /> case 'copy': return <GridCopy {...props} /> // slideshows, 3D stuff, newsletter signup forms… default: return <></> } } … and I suppose a case could even be made for the granularity of this superfluous <GridItem /> component… but regardless this is just a minor annoyance that comes up from time to time.