Grid stops working when adding Row Col using child component

If I do something like:
`

1




2

`
everything is working fine.

BUT - if I do something like:
`

2

`

And MyHeader is:

`
const MyHeader = () => {
return (

1


)
}`

The grid totally breaks down and the row somehow displayed 20 pixels from the right edge of the screen.
Basically - if you put a Row element through a custom component the grid breaks. Can't understand why...

I use React Native 0.62