react-admin: Unable to compile <PostEdit> (Parsing Error) - react-admin

Question

I was following this react-admin tutorial.
In Adding Creation and Editing Capabilities section, I was asked to copy the <PostEdit> and paste the code (dumped by the console) in posts.js.
Below is the formatted code, but after I save it will return this error server error of PostEdit
import * as React from "react";
//import { List, Datagrid, TextField, ReferenceField } from 'react-admin';
import { List, Datagrid, TextField, ReferenceField, EditButton } from 'react-admin';
import {PostEdit} from 'react-admin'
export const PostList = props => (
<List {...props}>
<Datagrid>
<TextField source="id" />
<ReferenceField source="userId" reference="users">
<TextField source="name" />
</ReferenceField>
<TextField source="title" />
<EditButton />
</Datagrid>
</List>
);
//New Compnent copied from console
export const PostEdit = props => (
<Edit {...props}>
<SimpleForm>
<TextInput disabled source="id" />
<ReferenceInput source="userId" reference="users">
<SelectInput optionText="name" />
</ReferenceInput>
<TextInput source="title" />
<TextInput multiline source="body" />
</SimpleForm>
</Edit>
);