using formatISO with Mui v5 DatePicker

[gazi786]

Am getting error:

Uncaught RangeError: Invalid time value at format (index.js:349:1) at AdapterDateFns.formatByString (AdapterDateFns.js:374:1) at AdapterDateFns.format (AdapterDateFns.js:371:1) at openDatePickerDialogue (enUS.js:39:1) at useDesktopPicker (useDesktopPicker.js:86:1) at DesktopDatePicker (DesktopDatePicker.js:61:1) at renderWithHooks (react-dom.development.js:12974:1) at updateForwardRef (react-dom.development.js:14807:1) at beginWork (react-dom.development.js:16546:1) at HTMLUnknownElement.callCallback (react-dom.development.js:3551:1)

Am using:
import { formatISO } from 'date-fns';

for my code block:
const dateModified = formatISO(new Date(), 'dd-MMM-yyyy'); let unitItemToAdd = { OrderId: currentOrderState.UnitOrder.OrderHeader.id, id: generateFoesUnitOrderUnitItemId(existingItems), IsNeverSynced: true, Action: '', CustomerUnitFromM3ItemCode: '', DateOfModification: dateModified, Description: '', IsTestWeigh: false, ItemIndex: 1, LiquidNitrogenLitres: '', Price: 0, Status: '', UnitFromM3ItemCode: '', };