React-Uploady preview with progress demo - UploadWithProgressPreview.jsx

UploadWithProgressPreview.jsx

import UploadButton from "@rpldy/upload-button";
import UploadPreview from "@rpldy/upload-preview";
import CustomImagePreview from "./CustomImagePreview";

const UploadWithProgressPreview = () => {
  const getPreviewProps = useCallback(item => ({ id: item.id }), []);

  return (
    <>
      <UploadButton>Upload Files</UploadButton>
      <br />
      <UploadPreview
        previewComponentProps={getPreviewProps}
        PreviewComponent={CustomImagePreview}
      />
    </>
  );
};