import api from "../api"; import { useState } from "react"; export default function UploadZone() { const [progress, setProgress] = useState(0); async function upload(file: File) { await api.post("/upload/init", { size: file.size }); await api.post("/upload/complete"); setProgress(100); } return (
document.getElementById("file")?.click()} className="border-2 border-dashed p-10 rounded-xl cursor-pointer hover:border-blue-500" > e.target.files && upload(e.target.files[0])} />

⬆️ Click to upload

{progress}%

); }