How to add style without trashing code.

// not good:
function ListUsers() {
    return (
        <Grid container>
            <Grid item>
                <User01 />
            </Grid>
            <Grid item>
                <User02 />
            </Grid>
            <Grid item>
                <User03 />
            </Grid>
        </Grid>
    );
}

// Good :

const ListUsersLayout = ({ children }) => <Grid container>{children.map(child => <Grid item>{child}</Grid>)}</Grid>

function ListUsers() {
    return (
        <ListUserLayout>
            <User01 />
            <User02 />
            <User03 />
        </ListUserLayout>
    );
}