Data Table Order Not Working

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>