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

[shivajikobardan]

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;

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

Currrent Output that I'm getting:

Expected Output:

I need date to come at the top.

 

[shivajikobardan]

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