How to render custom component in DataTable.Cell

I’m trying to create a table with a button in the last column. But, when I add something different than a text node I get this error:

Cannot add a child that doesn't have a YogaNode to a parent withou a measure function!

So, this is working:

<DataTable.Cell>Test</DataTable.Cell>

But this is not:

<DataTable.Cell children={<Button>Test</Button>} />

// neither this
<DataTable.Cell>
  <Button>Test</Button>
</DataTable.Cell>

Am I doing something wrong?

---

Package	Version
react	16.11.0
react-native	0.62.2
react-native-paper	3.10.1

[12343954]

same issus +1 DataTable.Cell didn’t support children component yet. 3.10.1

but here is a solution :

Just render a view. You don’t need to wrap it in DataTable.Cell https://github.com/callstack/react-native-paper/issues/1038#issuecomment-488248046

[ConjuringCoffee]

You can use a View instead of DataTable.Cell. Here’s an example:

<DataTable.Row>
    <DataTable.Cell>Stuff</DataTable.Cell>
    <View>
        <IconButton
            icon='information-outline'
            onPress={() => console.log('Hello World')} />
    </View>
</DataTable.Row>

EDIT: To make this look good, you need to add some styles too. If you want, you can replicate the style used by the DataTable.Cell.