hi i'm really new in react, so i have a table which contains a bunch of data, i would like to assign the value of selected row to my setState but the output doesnt seems like what i expected to be, i made a simpler version of the code so here it is.

App.js :

import React from "react";

import DataTable from "react-data-table-component";



const app = () => {

  const [selectedData, setSelectedData] = React.useState();



  const data = [

    { name: "Jade", age: "25" },

    { name: "Brian", age: "15" }

  ];



  const columns = [

    {

      name: "Name",

      selector: "name"

    },

    {

      name: "Age",

      selector: "age"

    }

  ];



  const handleChange = (state) => {

    setSelectedData(state.selectedRows);

    console.log(selectedData);

  };



  return (

    <div>

      <DataTable

        data={data}

        columns={columns}

        selectableRows

        onSelectedRowsChange={handleChange}

      />

    </div>

  );

};



export default app;

Codesandbox