Estoy usando Material UI DataGrid y una de mis columnas contiene fechas. La documentación de Material UI dice que establezca el tipo en "fecha" en la matriz de columnas, lo cual he hecho:

 { field: "submittedAt", headerName: "Submitted", minWidth: 150, flex: 2, type: "date", headerClassName: "tableHeader", cellClassName: "hoverPointer" }

Luego estoy convirtiendo mi marca de tiempo al formato MM/dd/yyyy usando Luxon

 if (r.data().submittedAt) { const d = DateTime.fromMillis(r.data().submittedAt.toMillis()); requestedDate = d.toFormat('MM/dd/yyyy') }

y luego usando la fecha requestedDate para establecer el valor de la celda en la columna. Cuando ordeno los datos, la columna todavía se ordena por un comparador de cadenas en lugar de por fecha:

No estoy seguro de lo que estoy haciendo mal, y parece que no puedo encontrar mucho apoyo en la documentación o en publicaciones anteriores. Sé que podría establecer la fecha en aaaa/MM/dd para que funcione el comparador de cadenas, pero no quiero que ese formato se represente con fines de legibilidad. También necesito que el usuario pueda ordenar dinámicamente la columna, por lo que la clasificación del lado del servidor tampoco me ayudará. Gracias de antemano por cualquier ayuda.