title property of Edit component does not seem to work

Please do not submit support requests or “How to” questions here. For that, go to StackOverflow.

What you were expecting: Following the tutorial https://marmelab.com/react-admin/Tutorial.html, when instructing to play with the Edit component, it should display a title.

export const PostEdit = (props) => (
    <Edit title={<PostTitle />} {...props}>

I expect to see the title as in this picture:

Trying a simpler title also does not work:

export const PostEdit = (props) => (
    <Edit title="Post edition" {...props}>

What happened instead: I see no title at all:

Steps to reproduce: Just follow the tutorial, and copy-paste the examples

Related code:

const PostTitle = ({ record }) => {
    return <span>Post {record ? `"${record.title}"` : ''}</span>;
};

export const PostEdit = (props) => (
    <Edit title={<PostTitle />} {...props}>
        <SimpleForm>
            <DisabledInput source="id" />
            <ReferenceInput label="User" source="userId" reference="users">
                <SelectInput optionText="name" />
            </ReferenceInput>
            <TextInput source="title"/>
            <LongTextInput source="body"/>
        </SimpleForm>
    </Edit>
);

Environment

• React-admin version: 2.3.4
• Last version that did not exhibit the issue (if applicable): -
• React version: 16.5.2
• Browser: Chrome 69.0.3497.100
• Stack trace (in case of a JS error): -

[jheiska]

You can see your custom title in the blue bar on top.

I’m not sure, but I think this feature has been changed and the example in the tutorial is from the old version. I don’t know if you can still place the title the way it’s displayed in the example picture.

[djhi]

Oups, didn’t mean to close it as we still have to update the documentation screenshots