Estoy usando localeCompare para ordenar en la tabla antd pero obtengo un error, no sé por qué, funciona bien en otra tabla. ¿Qué debo hacer?

El error es: "TypeError: no se pueden leer las propiedades de undefined (leyendo 'localeCompare')"

la aldea proviene de la base de datos liebre es datos

dirección: "prabhani" ID de afiliado: 178 estado de pantalla de afiliado: "PANTALLA DE LICENCIA DE CONDUCCIÓN" fecha de nacimiento: "28/04/2004" distrito: "Pune" nombre: "vipin" género: "MASCULINO" apellido: "mishra" segundo nombre: "" número de teléfono: "9930486852 " estado: "Maharashtra" estado: "PENDING_DEPOSIT" pueblo: "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} />

No sé cuál puede ser el problema.

Gracias