## Problem

The Layout component is the last one requiring props cloning in user land:

```jsx
// in src/MyLayout.js
import { Layout } from 'react-admin';
import { MyAppBar } from './MyAppBar';

export const MyLayout = props => (
   <Layout {...props} appBar={MyAppBar} />
);
```

Developers wonder: what is props? Why do I have to pass it down? It’s not so usual in modern React.

## Solution

Use a context instead, and just pass the children down (which requires no explaining).

```jsx
// in src/MyLayout.js
import { Layout } from 'react-admin';
import { MyAppBar } from './MyAppBar';

export const MyLayout = ({ children }) => (
  <Layout appBar={MyAppBar}>
     {children}
  </Layout>
);
```

Co-authored-by: Gildas Garcia <1122076+djhi@users.noreply.github.com>