How do I upload a file with material UI?

import {  
 useApiUrl,  
} from "@refinedev/core";  
import {  
 getValueFromEvent,  
 Create,  
 useForm,  
} from "@refinedev/antd";  
import {  
 Upload,  
 Form,  
 Input,  
} from "antd";  
  
export const PostCreate: React.FC = () => {  
 const { formProps, saveButtonProps } = useForm<IPost>();  
 const apiUrl = useApiUrl();  
  
 return (  
 <Create saveButtonProps={saveButtonProps}>  
 <Form {...formProps} layout="vertical">  
 <Form.Item  
 label="Title"  
 name="title"  
 rules={[  
 {  
 required: true,  
 },  
 ]}  
 >  
 <Input />  
 </Form.Item>  
 <Form.Item label="Image">  
 <Form.Item  
 name="image"  
 valuePropName="fileList"  
 getValueFromEvent={getValueFromEvent}  
 noStyle  
 >  
 <Upload.Dragger  
 name="file"  
 action={`${apiUrl}/media/upload`}  
 listType="picture"  
 maxCount={5}  
 multiple  
 >  
 <p className="ant-upload-text">  
 Drag & drop a file in this area  
 </p>  
 </Upload.Dragger>  
 </Form.Item>  
 </Form.Item>  
 </Form>  
 </Create>  
 );  
};  
  
interface IPost {  
 id: number;  
 title: string;  
 image: [  
 {  
 uid: string;  
 name: string;  
 url: string;  
 status: "error" | "success" | "done" | "uploading" | "removed";  
 },  
 ];  
}