You can use an external library like Papa Parse to parse the CSV data.

A simple input tag with type as file would work to read the CSV data.

      <input

        type="file"

        accept=".csv,.xlsx,.xls"

        onChange={handleFileUpload}

      />

Please declare handleFileUpload function and use the library inside to parse the read data.

Here's an example which will read a CSV file and log the corresponding JSON:

import Papa from "papaparse";



export default function App() {

  return (

    <div className="App">

      <input

        type="file"

        accept=".csv,.xlsx,.xls"

        onChange={(e) => {

          const files = e.target.files;

          console.log(files);

          if (files) {

            console.log(files[0]);

            Papa.parse(files[0], {

              complete: function(results) {

                console.log("Finished:", results.data);

              }}

            )

          }

        }}

      />

    </div>

  );

}