```jsx import { useState } from "react"; import axios from "axios"; import { Edit, useForm } from "@refinedev/mantine"; import { Text } from "@mantine/core"; import { Dropzone, IMAGE_MIME_TYPE, FileWithPath } from "@mantine/dropzone"; const API_URL = " const TOKEN_KEY = "strapi-jwt-token"; export const PostEdit: React.FC = () => { const [isUploadLoading, setIsUploadLoading] = useState(false); const { saveButtonProps, setFieldValue } = useForm({ initialValues: { title: "", cover: "", }, }); const handleOnDrop = async (files: FileWithPath[]) => { try { setIsUploadLoading(true); const formData = new FormData(); const file = files[0]; formData.append("files", file); const res = await axios.post(`${API_URL}/api/upload`, formData, { headers: { Authorization: `Bearer ${localStorage.getItem(TOKEN_KEY)}`, }, }); setFieldValue("cover", res.data[0].id); setIsUploadLoading(false); } catch (error) { setIsUploadLoading(false); } }; return ( ); }; ``` (Source: **refine.dev/docs** ()) If you're still having trouble, it would be helpful to know the exact error message you're receiving. ---------------------- `Note: you can ask me a follow up question by @ mentioning me again` :speech_balloon: ----------------------

Strapi v4 Data Provider Example

Similar Threads

Similar Threads

Similar Threads