CardNumberElement Placeholder Not Working

[moderatelyfunctional]

Hello, I have the following simple example.

import React from 'react';
import { CardNumberElement, CardExpiryElement, CardCvcElement } from '@stripe/react-stripe-js';

function CardSection(props) {
    return (
        <div>
            <CardNumberElement id="card-number" placeholder="Card Number" />
            <div className="space-2"></div>
            <CardExpiryElement id="card-expiry" placeholder="Exp Date (MM/YY)" className="StripeExpiry"/>
            <div className="space-2"></div>
            <CardCvcElement id="card-cvc" className="StripeCvc" />
        </div>
    );
};

However, the placeholders for CardNumberElement defaults to 1234... and ExpiryElement defaults to MM/YY. Why is the placeholder attribute not working?

[moderatelyfunctional]

Resolved on react-stripe-js library.