React file upload component
Cannot find good examples of a simple file upload component in react + ts which accepts multiple file types like .pdf, .csv, .docx, etc. Any suggestions?

import React, { useState } from "react";
interface FileUploadProps {
onUpload: (files: FileList) => void;
accept: string;
}
const FileUpload: React.FC<FileUploadProps> = ({ onUpload, accept }) => {
const [selectedFiles, setSelectedFiles] = useState<FileList | null>(null);
const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {
const files = event.target.files;
setSelectedFiles(files);
onUpload(files);
};
return (
<div>
<input
type="file"
accept={accept}
multiple
onChange={handleFileSelect}
/>
{selectedFiles && (
<div>
<ul>
{Array.from(selectedFiles).map((file, index) => (
<li key={index}>{file.name}</li>
))}
</ul>
</div>
)}
</div>
);
};
export default FileUpload;npm i use-file-picker