In case somebody is still stumbling upon this issue - just passing the props forward is not enough based on how the SimpleShowLayout works behind the scenes.
I am working on a `react-admin` npm package where I have implemented a basic recursive `BoxedShowLayout`. It allows you to nest as many `<Box>` components as needed like @Pedro Viera have shown and the `react-admin fields` will still recieve the needed `props` accordinly.
Check it out here: [ra-compact-ui/BoxedShowLayout][1]
Example:

<Show {...props}> <BoxedShowLayout> <Box display="flex"> <Box> <TextField source="firstName" /> </Box> <Box> <TextField source="lastName" /> </Box> </Box> </SimpleShowLayout> </Show>
[1]: https://github.com/ValentinnDimitroff/ra-compact-ui/blob/master/src/show/BoxedShowLayout.js

In case somebody is still stumbling upon this issue - just passing the props forward is not enough based on how the SimpleShowLayout works behind the scenes.
I am working on a `react-admin` npm package where I have implemented a basic recursive `BoxedShowLayout`. It allows you to nest as many `<Box>` components as needed like @Pedro Viera have shown and the `react-admin fields` will still recieve the needed `props` accordinly.
Check it out here: [ra-compact-ui/BoxedShowLayout][1]
Example:

<Show {...props}> <BoxedShowLayout> <Box display="flex"> <Box> <TextField source="firstName" /> </Box> <Box> <TextField source="lastName" /> </Box> </Box> </SimpleShowLayout> </Show>
[1]: https://github.com/ValentinnDimitroff/ra-compact-ui/blob/master/src/show/BoxedShowLayout.js