Utilizando sistema de Grid com Styled Component no React

react.jsx

import { Container, Grid, Column } from './PATH/styled-component-grid.jsx'

class App extends Component {
  render() {
    return(
       <Container>
        <Grid>
          <Column xs={4} md={6} lg={3}>
            <Box />
          </Column>
          <Column xs={4} md={12} lg={6}>
            <Box />
          </Column>
          <Column xs={4} md={6} lg={3}>
            <Box />
          </Column>
        </Grid>
        <Grid>
          <Column xs={4} md={6} lg={3}>
            <Box />
          </Column>
          <Column xs={4} md={12} lg={6}>
        <Grid>
          <Column xs={4} md={6} lg={3}>
            <Box />
          </Column>
          <Column xs={4} md={12} lg={6}>
            <Box />
          </Column>
          <Column xs={4} md={6} lg={3}>
            <Box />
          </Column>
        </Grid>
          </Column>
          <Column xs={4} md={6} lg={3}>
            <Box />
          </Column>
        </Grid>
      </Container> 
    )
  }
}