How can I get data from state

import React, { useState } from "react";
import { CSVReader } from "react-papaparse";
import styled from "styled-components";

const View = () => {
  const [info, setInfo] = useState([
    { age: 14, name: "jake", phone: 456789, city: "seoul" },
  ]);
  const handleOnDrop = data => {
    setInfo(existing => [...existing, ...data]);
  };
  const handleOnError = (err, file, inputElem, reason) => {
    console.log(err);
  };

  const handleOnRemoveFile = data => {
    console.log(data);
  };

  console.log(info);
  return (
    <Menu>
      <CSVReader
        onDrop={handleOnDrop}
        onError={handleOnError}
        addRemoveButton
        onRemoveFile={handleOnRemoveFile}
        config={{ header: true }}
        style={{
          dropArea: {
            borderColor: "#467cf0",
            borderRadius: 20,
            width: 20,
            height: 200,
          },
        }}
      ></CSVReader>
      <ul>
        {info.map((info, index) => (
          <li key={index}>
            <p>Age:{info.age}</p>
            <p>Name:{info.name}</p>
            <p>Phone: {info.phone}</p>
            <p>City: {info.city}</p>
          </li>
        ))}
      </ul>
    </Menu>
  );
};

export default View;

`;