Read a file on React

read-file.jsx

function Component() {
  const onChange = (e) => {
    const file = e.target.files?.[0];
    if (!file) {
      return;
    }
    const reader = new FileReader();
    reader.addEventListener('load', () => {
      console.log(reader.result);
    });
    reader.readAsText(file);
  }

  return (
    <div>
      <input type='file' onChange={onChange} />
    </div>
  )
}