maxFiles prop

[CyrilOnicorn]

Hi,
Is there any particular reason for not implementing the maxFiles prop?
As you can see on the react-dropzone repository, maxFiles is used to limit the number of files.

I'd like to see this prop on this package, what do you think?

[nicholasvperry]

You could implement your own pretty simply. Below I am using sweet alert 2 (which is awesome) to send an alert if more than 5 files are selected. I hope this helps!

function handleFilesSelect(e) {
		const { acceptedFiles, fileRejections } = e.detail;

		// Check if there are already 5 files accepted
		if (files.accepted.length < 5) {
			// Calculate how many files can be accepted without exceeding the limit
			const remainingSlots = 5 - files.accepted.length;
			const filesToAdd = acceptedFiles.slice(0, remainingSlots);

			// Add the files to the accepted files array
			files.accepted = [...files.accepted, ...filesToAdd];
		}

		// Check if more than 5 files were selected
		if (acceptedFiles.length > 5) {
			// Show an alert if more than 5 files are selected
			Swal.fire({
				icon: 'warning',
				title: 'Only 5 files are allowed at a time',
				background: `${backgroundColor}`,
				color: `${textColor}`
			});
		}

		// Add rejected files to the rejected array
		files.rejected = [...files.rejected, ...fileRejections];
	}