Expected behavior The datatable should sort by order and it is not

Actual behavior There is no sorting happening with the table

Resources (screenshots, code snippets etc.) I have the following code and the order is not filtering this data by school asc const data = {

  columns: [
    {
        label: "School",
        field: "school",
        sort: "asc",
        width: 150,
    },
    {
        label: "Name",
        field: "name",
        sort: "asc",
        width: 150,
      },
      {
        label: "Avatar",
        field: "avatar",
        sort: "asc",
        width: 150,
      },
      {
        label: "Title",
        field: "title",
        sort: "asc",
        width: 150,
      },
      {
        label: "Email",
        field: "email",
        sort: "asc",
        width: 150,
      },
      {
        label: "Usertype",
        field: "usertype",
        sort: "asc",
        width: 150,
      }
  ],
  rows : users.map(user => {
    return {
        school: user.school_name,
        name: user.name,
        avatar: (
          <img src={user.avatar} className="img-fluid rounded" style={{height: "60px"}} />
        ),
        title: user.title,
        email: user.email,
        usertype: user.userType
    }
})
}
return(
    <Fragment>
        <ToastContainer />
        <MDBDataTable order={['school', 'asc' ]} entriesOptions={[50, 75, 100]} entries={50} striped bordered small data={data} exportToCSV />;
    </Fragment>