одимо создать страницу редактирования, редактирующую ряд параметров на экземпляре ресурса 'сказка'.

Однако добавление любого элемента, такого как MUI Card или даже div, приводит к зависанию приложения различными способами.

Это подходы, которые я попробовал.

1) Добавление компонента карты или размещение моих элементов в div для стилизации

export const EditorEditTale = (props) => {
  return (
  <Edit {...props} title="Tale Editor">
    <SimpleForm >
      <div>
        <Image />
        <TaleCardHeader props={ props } style={taleCardHeaderStyle.editor} />
      </div>
    </SimpleForm>
  </Edit>
  )
};

Это не вызывает ничего сделать.

Второй подход, предполагая, что запись и basePath не передаются детям полностью. Попытка использовать компонент, как показано ниже.

const Input = ({record, basePath}) => {
  return (
    <div>
      <LongTextInput source="taleText" />
    </div>
  )
}

Это приводит к тому, что страница не отображается с каким-либо содержимым в некотором цикле блокировки с ошибкой - не может прочитать свойство, которого коснулись undefined.

Как мне создать пользовательскую страницу редактирования со сложным вводом и стилем.

ОБНОВЛЕНИЕ: пытались написать пользовательскую форму для замены компонента SimpleForm, но пока безуспешно.