JavaScript Date not passed via props in react js [Now fixed]

[shivajikobardan]

[CODE lang="javascript" title="App.js"]import './App.css';
import Subscription from './components/Subscription';
// import Myroutes from "./Myroutes.js";

function App() {
let subscriptions = [{ id: "1", date: new Date("2021", "3", "23"), title: "Monthly Subscription", amount: "125.60" },
{ id: "2", date: new Date("2020", "06", "28"), title: "Annual Subscription", amount: "1125.60" },
{ id: "1", date: new Date("2021", "09", "05"), title: "Quarterly Subscription", amount: "425.60" }]

return (
<>
<div className='App'>
<Subscription datePassed={subscriptions[0].date.toISOString} titlePassed={subscriptions[0].title} amountPassed={subscriptions[0].amount} />
<Subscription datePassed={subscriptions[1].date.toISOString} titlePassed={subscriptions[1].title} amountPassed={subscriptions[1].amount} />
<Subscription datePassed={subscriptions[2].date.toISOString} titlePassed={subscriptions[2].title} amountPassed={subscriptions[2].amount} />
</div>
</>
)
};

export default App;
[/CODE]

[CODE lang="javascript" title="Subscription.js component"]import React from 'react'
import "./Subscription.css"
function Subscription(props) {
return (
<>
<div>{props.datePassed}</div>
<h2 className="subscription-title">{props.titlePassed}</h2>
<div>{props.amountPassed}</div>
</>)
}

export default Subscription[/CODE]

Currrent Output that I'm getting:

Expected Output:

I need date to come at the top.

 

[shivajikobardan]

FIXED:
date.toISOString should be date.toISOString()