Upload using tus is never finished

import React, { useState } from 'react';
import * as tus from 'tus-js-client'

const VideoUploader = () => {
  const [upload, setUpload] = useState(null);
  const [progress, setProgress] = useState(0);

  const handleUpload = (event) => {
    const file = event.target.files[0];
    console.log(file)
    const upload = new tus.Upload(file, {
      endpoint: 'http://localhost:3001/upload',
      retryDelays: [0, 1000, 3000, 5000],
      metadata: {
        filename: file.name,
        filetype: file.type
      },
      onError: (error) => console.error('Failed because: ' + error),
      onProgress: (bytesUploaded, bytesTotal) => {
        const percentage = (bytesUploaded / bytesTotal * 100).toFixed(2);
        setProgress(percentage);
      },
      onSuccess: () => console.log('Upload complete')
    });

    upload.start();
    setUpload(upload);
  };

  const handleCancel = () => {
    if (upload) {
      upload.abort();
      setUpload(null);
      setProgress(0);
    }
  };

  return (
    <div>
      <input type="file" onChange={handleUpload} />
      {progress > 0 && <p>Progress: {progress}%</p>}
      <button onClick={handleCancel}>Cancel</button>
    </div>
  );
};
export default VideoUploader;