JSFiddle - React, Tailwind, and code Playground

HTML

Doesn't work
<form>
    <input class="control" id="card_number" type="tel" name="card_number" 
    value="" autocorrect="off" spellcheck="off" autocapitalize="off"
    placeholder="Card number" data-reactid=".0.1.1.0.0.5.0.0" 
    x-autocompletetype="cc-number" autocompletetype="cc-number">
    <input name="cc-exp">
    <input name="cc-exp-month">
    <input name="cc-exp-year">
</form>

Works
<form>
    <input class="control" id="card_number" type="tel" name="card_number" 
    value="" autocorrect="off" spellcheck="off" autocapitalize="off"
    placeholder="Card number" data-reactid=".0.1.1.0.0.5.0.0" 
    x-autocompletetype="cc-number" autocompletetype="cc-number">
    <input name="cc-exp-month">
    <input name="cc-exp-year">
    <input name="cc-exp">
</form>