title: Admin-on-rest, Edit Page - Incorrect Element Error
body: <p>I'm using admin-on-rest in my frontend side. But when I click Edit button in the list page, it orients to Edit page successfully but there is always an error like "INCORRECT ELEMENT". Do you know why?</p>
  
  <p>Thank you</p>
  
  <p><a href="https://i.stack.imgur.com/MU3vZ.png" rel="nofollow noreferrer">enter image description here</a></p>
  
  <p><a href="https://i.stack.imgur.com/kr1dO.png" rel="nofollow noreferrer">enter image description here</a></p>
  
  <p>App.js</p>
  
  <pre><code>import { DataTypeList } from './Components/DataType/DataTypeList';
  import { FeatureList } from './Components/FeatureList';
  import { DataPointTypeList } from './Components/DataPointTypeList';
  import DashBoard from './Components/DashBoard';
  import { DataTypeCreate } from './Components/DataType/DataTypeCreate';
  import { DataTypeEdit } from './Components/DataType/DataTypeEdit';
  
  const httpClient = (url, options = {}) =&gt; {
      if (!options.headers) {
          options.headers = new Headers({ Accept: 'application/json' });
      }
  
      // add your own headers here
      options.headers.set('X-Custom-Header', 'foobar');
      return fetchUtils.fetchJson(url, options);
  }
  const restClient = jsonServerRestClient('http://localhost:3001/designer', httpClient);
  
  const App = () =&gt; (
      // &lt;Admin title="GAMMA" dashboard={DashBoard} restClient={jsonServerRestClient('https://arcane-citadel-28609.herokuapp.com/designer')}&gt;
      &lt;Admin title="GAMMA" dashboard={DashBoard} restClient={restClient}&gt;
          &lt;Resource name="datatypes" list={DataTypeList} create={DataTypeCreate} edit={DataTypeEdit} /&gt;
          &lt;Resource name="features" list={FeatureList} /&gt;
          &lt;Resource name="datapointtypes" list={DataPointTypeList} /&gt;
      &lt;/Admin&gt;
  );
  
  export default App;
  </code></pre>
  
  <p>DataTypeEdit.js</p>
  
  <pre><code>import React from 'react';
  import { Create, Edit, SimpleForm, TextInput } from 'admin-on-rest';
  import { DataTypeActions } from '../Actions/DataTypeActions';
  import { DataTypeEditActions } from '../Actions/DataTypeEditActions';
  
  export const DataTypeEdit = (props) =&gt; (
      &lt;Edit title="Data Type - EDIT" actions={&lt;DataTypeEditActions /&gt; {...props}&gt;
          &lt;SimpleForm&gt;
              &lt;TextInput source="id" label="Name"/&gt;
          &lt;/SimpleForm&gt;
      &lt;/Edit&gt;
  );
  </code></pre>
  
  <p>DataTypeEditActions.js</p>
  
  <pre><code>import React from 'react';
  import { CardActions } from 'material-ui/Card';
  import FlatButton from 'material-ui/FlatButton';
  import { DeleteButton, ListButton, RefreshButton, ShowButton, Edit } from 'admin-on-rest';
  
  const cardActionStyle = {
      zIndex: 2,
      display: 'inline-block',
      float: 'right',
  };
  
  export const DataTypeEditActions = ({ basePath, data }) =&gt; (
      &lt;CardActions style={cardActionStyle}&gt;
          &lt;ListButton basePath={basePath} /&gt;
          &lt;DeleteButton basePath={basePath} record={data} /&gt;
          &lt;RefreshButton /&gt;
      &lt;/CardActions&gt;
  )
  </code></pre>