Im trying to create a upload button in react using typescript, this is my code

import React, {useState} from 'react';

function FileUploadPage(){
const [selectedFile, setSelectedFile] = useState();
const [isFilePicked, setIsFilePicked] = useState(false);

const changeHandler = (event) => {
    setSelectedFile(event.target.files[0]);
    setIsSelected(true);
};

const handleSubmission = () => {
    const formData = new FormData();

    formData.append('File', selectedFile);

    fetch(
        'https://freeimage.host/api/1/upload?key=<YOUR_API_KEY>',
        {
            method: 'POST',
            body: formData,
        }
    )
        .then((response) => response.json())
        .then((result) => {
            console.log('Success:', result);
        })
        .catch((error) => {
            console.error('Error:', error);
        });
};
};

return(
      <div>
        <input type="file" name="file" onChange={changeHandler} />
        {
            isSelected ? (
            <div>
                <p>Filename: {selectedFile.name}</p>
                <p>Filetype: {selectedFile.type}</p>
                <p>Size in bytes: {selectedFile.size}</p>
                <p>
                    lastModifiedDate:{' '}
                    {selectedFile.lastModifiedDate.toLocaleDateString()}
                </p>
            </div>
        ) : (
            <p>Select a file to show details</p>
        )}
        <div>
            <button onClick={handleSubmission}>Submit</button>
        </div>
    </div>
) }

I'm getting error on this line "formData.append('File', selectedFile);". As im new to react i have no idea what this error means. This error says "Argument of type 'undefined' is not assignable to parameter of type 'string | Blob'", i have attached the error image, Someone help me out with this error.