Can't wrap Col/Row ?

[cristianoccazinsp]

I'm trying to wrap Col and Row in another component, so I can customize it with some defaults (for example, have all rows have a padding).

However, something as simple as this:

export class Row extends React.Component{

    render(){
        return <_Row {...this.props}>{this.props.children}</_Row>
    }
}

Renders the component totally useless (it gets rendered completely wrong). Is there any implementation detail preventing this?

How would I add some default styles to my Row/Cols?

Thanks.

[Kireeti-K]

I also have the same issue, is there any solution for this?

[joeljerushan]

Solution or fix needed :(