How would I go about sending a file message with multiple images?

I’m pretty sure that this this the problem here. Your object source is not a valid File object.
Are you using a 3rd party component to get your images, correct?
If so, please check this response, it may help:

FileMessageParams is not working in v3

this is my sandbox code, i want to check the file type before sending,

Kindly help

I think you misunderstand the point of the onBeforeSendFileMessage prop. It’s not designed for you to reject data but rather alter the FileMessageParams prior to sending. In the case of your specific code it doesn’t work because sdkInstance.FileMessageParams is always false.

If you were going to edit the Params to get it to work, it would look like this:

  const handleSendFileMessage = (file) => {
    const messageParams = {
      file,
      fileName: 'randomName'
    };
    return messageParams;
  };

If you want to build some sort of client side block, you would need to implement your own instance of the input component.