Cannot use TextField inside of an iterator within a form

[andrico1234]

What you were expecting:
If I wanted to display some static data from a record from within an Edit page, I should expect to use a TextField as normal to output the data.

What happened instead:
Code like this:

const PostEdit = props => {
    return (
        <Edit title={<PostTitle />} {...props}>
            <TabbedForm>
                <FormTab label="post.form.summary">
                    <ArrayInput source="backlinks">
                        <SimpleFormIterator>
                            <TextField source="url" />
                            <TextInput source="url" />
                        </SimpleFormIterator>
                    </ArrayInput>
                </FormTab>
            </TabbedForm>
        </Edit>
    );
};

Displays the following:

Steps to reproduce:
You can find the repro case here
Run the simple-demo and access post 12

Related code:
It looks like a problem with the TextField component itself.

The value returned from useRecordContext is

{ url: "https://blog.johndoe.com/2012/08/12/foobar.html }

Where the source passed through is: backlinks[1].url.

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

[djhi]

Yes, the SimpleFormIterator should provide a RecordContext. Thanks for reporting

[WiXSL]

@andrico1234,
Unless I'm misunderstanding, this is cover in the documentation
You have to use a FormDataConsumer inside an SimpleFormIterator in order to use a TextField

This is not a bug

[andrico1234]

You're right!