Quiero mostrar la fecha de cada entrada (fecha, texto, pregunta, respuesta) en una base de datos json dentro de un elemento iluminado en un módulo js.

Código relevante:

 import { formatWithOptions } from "date-fns/fp"; import compose from "crocks/helpers/compose"; ... const newDate = (x) => new Date(x); const formatDateWithOptions = formatWithOptions( { awareOfUnicodeTokens: true, }, "d MMMM, yyyy, h:mm a" ); const prettyDate = compose(formatDateWithOptions, newDate); // this is registering as an invalid date

Cuando se llama a ${prettyDate(date)} dentro de un elemento iluminado, arroja

 RangeError: Invalid time value.

El formato de fecha para (date) dentro de json db es válido. Ejemplo: "2021-12-24T21:06:06.773Z"

De acuerdo con los documentos date- fns, formatWithOptions() debería estar bien para llamar con "d MMMM, yyyy, h:mm a" . Esta publicación trata el mismo error, pero usa una función diferente (formatDistanceToNow). ¿Dónde estoy yendo mal con mis variables?