react-upload.tsx

import React from 'react'
import './App.css'

function App() {
    const handleFile = (e: React.ChangeEvent<HTMLInputElement>) => {
        // if (!e.target.files) return  // solv #1 remove null FileList | null
        const files = e.target.files! // solv #2 it will not be null, trust me". haha

        Array.from(files).forEach(async (f) => console.log(f))
    }
    return (
        <div className="App">
            <input
                multiple
                type="file"
                name="file"
                id="file-upload"
                onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
                    handleFile(e)
                }
            />
            <button>submit</button>
        </div>
    )
}

export default App