En reaccionar nativo tengo error

Error: el tipo de elemento no es válido: esperaba una cadena (para componentes integrados) o una clase/función (para componentes compuestos) pero obtuvo: indefinido. Probablemente olvidó exportar su componente desde el archivo en el que está definido, o puede haber mezclado las importaciones predeterminadas y con nombre.

Código:

 import React, { Component } from "react"; import { collection } from "@cuba-platform/react-core"; import { ActivityIndicator, ScrollView, StyleSheet, Text } from "react-native"; import { PredefinedView } from "@cuba-platform/rest"; import { observer } from "mobx-react"; import { colors } from "../styles/palette"; import { StmObj, StmObjView } from "../cuba/entities/pros_StmObj"; import {DataTable, buttons} from "@cuba-platform/react-ui"; import {injectIntl, WrappedComponentProps} from 'react-intl'; const styles = StyleSheet.create({ list: { marginTop: 16 }, item: { fontSize: 16, color: colors.textPrimary, marginTop: 4, marginBottom: 4 }, title: { fontSize: 18, fontWeight: "bold", marginTop: 16 } }); @observer export class Example extends React.Component { usersData = collection<StmObjView<"_base">>(StmObj.NAME, { view: PredefinedView.BASE, limit: 5 }); render() { const { status, items } = this.usersData; if (status !== "DONE") { return <ActivityIndicator color={colors.textPrimary} />; } return ( <> <Text style={styles.title}>Список систем телеметрии:</Text> <ScrollView style={styles.list}> {items.map(item => ( <Text style={styles.item} key={item.id}> {item._instanceName} </Text> ))} <DataTable dataCollection={collection} columnDefinitions={[ 'item', 'manufacturer', { field: 'price', columnProps: { align: 'right' } } ]} onSelectedRowChange={this.onSelectedRowChange} buttons={buttons} tableProps={{ bordered: true }} /> </ScrollView> </> ); } } const Telemetry = injectIntl(Example); export default Telemetry;