How to capture file data inside of Attachment Button?

Hi everyone and @supersnager Thank you for this amazing package.

I try to implement a file attachment data using the `AttachmentButton` Component. I was wondering how can I combine the file data into the message data that was bind to the `MessageInput` Component?

The sample code as below:

`import React, { useState, useRef, useEffect } from 'react';
import { ChatContainer, ConversationHeader, MessageList, MessageInput, Message, AttachmentButton, SendButton } from '@chatscope/chat-ui-kit-react';

function ChatPage() {
const inputRef = useRef();
const fileRef = useRef(null);
const [messageInput, setMessageInput] = useState('');
const [messages, setMessages] = useState([]);
const [selectedFile, setSelectedFile] = useState('');

const handleSend = message => {
setMessages([{
message,
selectedFile,
direction: 'outgoing'
}]);
setMessageInput("");
inputRef.current.focus();
};

const onFileUpload = () => {

// Create an object of formData
const formData = new FormData();

// Update the formData object
formData.append(
"myFile",
selectedFile,
selectedFile.name
);

// Details of the uploaded file
console.log(selectedFile);

// Request made to the backend api
// Send formData object
// axios.post("api/uploadfile", formData);
};

useEffect(() => {
const theMessageList = () => {
// Execute the API here
}
theMessageList()
}, [messages])

return (

export default ChatPage`