I am using localeCompare for sorting in antd but getting error don't know why

Question

I am using localeCompare for sorting in antd table but getting error don't know why, It's working fine in another table. What should I to do ?

The Error Is : "TypeError: Cannot read properties of undefined (reading 'localeCompare')"

village is coming from database hare is data

address: "prabhani" affiliateId: 178 affiliateScreenState: "DRIVING_LICENSE_SCREEN" dateOfBirth: "28/04/2004" district: "Pune" firstName: "vipin" gender: "MALE" lastName: "mishra" middleName: "" phoneNumber: "9930486852" state: "Maharashtra" status: "PENDING_DEPOSIT" village: "Shivajinagar"

 {
      title: 'Village',
      dataIndex: 'village',
      key: 'village',
      sorter: (a, b) => a.village.localeCompare(b.village),
    },
    {
      title: 'District',
      dataIndex: 'district',
      sorter: (a, b) => a.district.localeCompare(b.district),
      key: 'district',
    },

 <Table
          dataSource={affiliates}
          columns={affiliatesData}
          className="stateCustomTable"
          rowKey={(record) => record.affiliateId}
           loading={{indicator: <div><Grid
          height="100"
          width="100"
          color='#ef790d'
          ariaLabel='loading'
        /></div>, spinning: loading }}
          showSorterTooltip={false}
        />

I don't know what can be the issue.

Thanks