Реагировать-администратора: с пользовательским именем пользователя в качестве идентификатора, не отображая никакой формы

Question

В реакции администратора v3 я хочу отобразить форму редактирования моего профиля, она будет содержать

• Форма для редактирования моих firstName, lastName, email, mobile

• Форма для редактирования моей password

Я хочу обе формы на одной странице, с двумя кнопками отправки. Я также хочу, чтобы сохранение оставалось на этой странице.

Это то, что я пробовал:

import React from 'react';
import { Edit, SimpleForm, TextInput } from 'ra-ui-materialui';
import { useHistory } from 'react-router';

export default (props) => {
  const history = useHistory();
  const { username } = JSON.parse((localStorage.getItem('jwt') || '{}'));
  if (!username || username !==  props.id) {
    history.push('/');
    return null;
  }
  return (
    <Edit
      basePath="/"
      resource="profile"
      {...props}
    >
      <SimpleForm redirect="edit">
        <TextInput source="firstName" />
      </SimpleForm>
    </Edit>
  );
};

По какой-то причине форма выполняет запрос ajax, а объект извлекается, но не вводится в <SimpleForm />, поэтому ничего не отображается:

Что я делаю не так?