How to use the patternfly-react.CardGrid.Row function in patternfly-react

render() {
        return (React.createElement(CardGrid, { fluid: true, matchHeight: true },
            React.createElement(CardGrid.Row, null, this.props.loading
                ? new Array(5).fill(0).map((_, index) => (React.createElement(CardGrid.Col, { sm: 6, md: 3, key: index },
                    React.createElement(ConnectionSkeleton, { key: index }))))
                : this.props.children.map((c, index) => (React.createElement(CardGrid.Col, { sm: 6, md: 3, key: index }, c))))));
    }
}

render() {
        return (React.createElement("div", { className: 'container-fluid' },
            React.createElement(Grid, { fluid: true },
                React.createElement(Grid.Row, null,
                    React.createElement(Grid.Col, { sm: 12 },
                        React.createElement("div", { className: 'Dashboard-header' },
                            React.createElement("h1", { className: 'Dashboard-header__title' }, "System metric"),
                            React.createElement("div", { className: "Dashboard-header__actions" },
                                React.createElement(Link, { to: '/integrations' }, "View All Integrations"),
                                React.createElement(Link, { to: '/integrations/new', className: 'btn btn-primary' }, "Create Integration")))))),
            React.createElement(CardGrid, { fluid: true, matchHeight: true },
                React.createElement(CardGrid.Row, null,
                    React.createElement(CardGrid.Col, { sm: 6, md: 3 },
                        React.createElement(AggregatedMetricCard, { title: `${this.props.integrationsCount} Integrations`, ok: this.props.integrationsCount -
                                this.props.integrationsErrorCount, error: this.props.integrationsErrorCount })),
                    React.createElement(CardGrid.Col, { sm: 6, md: 3 },
                        React.createElement(ConnectionsMetric, { count: this.props.connectionsCount })),
                    React.createElement(CardGrid.Col, { sm: 6, md: 3 },
                        React.createElement(AggregatedMetricCard, { title: `${this.props.metrics.messages} Total Messages`, ok: this.props.metrics.messages - this.props.metrics.errors, error: this.props.metrics.errors })),
                    React.createElement(CardGrid.Col, { sm: 6, md: 3 },
                        React.createElement(UptimeMetric, { start: this.props.metrics.start })))),
            React.createElement(Grid, { fluid: true },
                React.createElement(Grid.Row, null,
                    React.createElement(Grid.Col, { sm: 12, md: 6 },
                        React.createElement(TopIntegrations, { loading: !this.props.integrationsLoaded, topIntegrations: this.props.topIntegrations })),
                    React.createElement(Grid.Col, { sm: 12, md: 6 },
                        React.createElement(Grid.Row, null,
                            React.createElement(Grid.Col, { sm: 12 },