o.map is not a function Error

That issue solved. But i am figuring out how to add delete, checkbox in this code.

import React, {useState,useEffect} from "react";
import {useSubheader} from "../../_metronic/layout";
import { MDBDataTableV5,MDBBtn,MDBInput } from 'mdbreact';
import {Button} from "react-bootstrap";
import axios from "axios";

export const User = () => {
  const suhbeader = useSubheader();
  suhbeader.setTitle("User");

  const [rowsdata,setrowdata] = useState([]);
  var api_token=JSON.parse(localStorage.getItem("persist:v726-demo1-auth"));
  var token_de=api_token.authToken;

  // eslint-disable-next-line react-hooks/exhaustive-deps
  const getallusers = () => {
  axios.get('http://localhost/ypwo/backofficeapi/public/api/admin/getallusers', 
      {api_token: token_de},
      {
    headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  }
  }).then(function (response) {
    //console.log(response.data);
    setrowdata(response.data);
  })
  .catch(function () {
    alert("Some error happening while loading a data.")
  }); 
  }

  useEffect(() => {
    getallusers();
  },[]);


const deleterecord = (id) =>{

  alert(id);
}

const [checkbox1, setCheckbox1] = React.useState('');

  const showLogs2 = (e) => {
    setCheckbox1(e);
  };


  return (
  <>
    <div className="card card-custom gutter-b">
        <div className="card-header">
          <div className="card-title">
            <h3 className="card-label">List of all users</h3>
          </div>
          <div className="card-toolbar">

          <Button variant="primary">Delete Record</Button>

          </div>
        </div>
        <div className="card-body">
        <MDBDataTableV5 barReverse hover data={{
            columns: [
            {
                label: 'name', 
                field: 'name',
        width: 150,
        attributes: {
          'aria-controls': 'DataTable',
          'aria-label': 'Name',
        },
            },
            {
                label: 'email', 
                field: 'email'
            },
            {
                label: 'username', 
                field: 'username'
            },
            {
                label: 'status', 
                field: 'status'
            },
            {
                label: 'usertype', 
                field: 'usertype'
            },
            {
                label: 'otpcode', 
                field: 'otpcode'
            },
      {
                label: 'Action', 
                field: 'action'
            },

            ],
            rows: rowsdata.map(row => (
            {
                name: row.name,
                email:row.email,
                username:row.username,
                userstatus:row.status,
                usertype:row.usertype,
                otpcode:row.otpcode,
        clickEvent: () => deleterecord(row.id)

            }))
          }} 
      pagingTop
      headCheckboxID='id2'
      bodyCheckboxID='checkboxes2'
      getValueCheckBox={(e) => {
        showLogs2(e);
      }}
      searchTop
      searchBottom={false}/>
        </div>
      </div>
  </>);
};

if any body help me out it will be good.

Here is a simple example with Datatable containing a checkbox in one of the columns:

import React from "react";
import { MDBDataTableV5, MDBInput } from "mdbreact";

export default function App() {
  const [datatable, setDatatable] = React.useState({
    columns: [
      {
        label: "Name",
        field: "name",
        width: 150,
        attributes: {
          "aria-controls": "DataTable",
          "aria-label": "Name",
        },
      },
      {
        label: "Position",
        field: "position",
        width: 270,
      },
      {
        label: "Office",
        field: "office",
        width: 200,
      },
      {
        label: "Salary",
        field: "salary",
        sort: "disabled",
        width: 100,
      },
      {
        label: "Action",
        field: "action",
        sort: "disabled",
        width: 100,
      },
    ],
    rows: [
      {
        name: "Tiger Nixon",
        position: "System Architect",
        office: "Edinburgh",
        salary: "$320",
        action: <MDBInput type="checkbox" />,
      },
      {
        name: "Garrett Winters",
        position: "Accountant",
        office: "Tokyo",
        salary: "$170",
        action: <MDBInput type="checkbox" />,
      },
      {
        name: "Ashton Cox",
        position: "Junior Technical Author",
        office: "San Francisco",
        salary: "$86",
        action: <MDBInput type="checkbox" />,
      },
      {
        name: "Cedric Kelly",
        position: "Senior Javascript Developer",
        office: "Edinburgh",
        salary: "$433",
        action: <MDBInput type="checkbox" />,
      },
    ],
  });

  return (
    <MDBDataTableV5
      hover
      entriesOptions={[5, 20, 25]}
      entries={5}
      pagesAmount={4}
      data={datatable}
    />
  );
}