JSFiddle - React, Tailwind, and code Playground

HTML

<form action="">
    <input type="email" name="email[1]" id="email-1" placeholder="Mail of Person#1">
    <input type="email" name="email[2]" id="email-2" placeholder="Mail of Person#2">
    <input type="email" name="email[3]" id="email-3" placeholder="Mail of Person#3">
    <input type="email" name="email[4]" id="email-4" placeholder="Mail of Person#4">
    <input type="email" name="email[5]" id="email-5" placeholder="Mail of Person#5">
    <input type="email" name="email[6]" id="email-6" placeholder="Mail of Person#6">
    <input type="email" name="email[7]" id="email-7" placeholder="Mail of Person#7">
    <input type="email" name="email[8]" id="email-8" placeholder="Mail of Person#8">
    <input type="email" name="email[9]" id="email-9" placeholder="Mail of Person#9">
    <input type="email" name="email[10]" id="email-10" placeholder="Mail of Person#10">
    <input type="email" name="email[11]" id="email-11" placeholder="Mail of Person#11">
    <input type="email" name="email[12]" id="email-12" placeholder="Mail of Person#12">
    <input type="email" name="email[13]" id="email-13" placeholder="Mail of Person#13">
    <input type="email" name="email[14]" id="email-14" placeholder="Mail of Person#14">
    <input type="email" name="email[15]" id="email-15" placeholder="Mail of Person#15">
    <input type="email" name="email[16]" id="email-16" placeholder="Mail of Person#16">
    <input type="email" name="email[17]" id="email-17" placeholder="Mail of Person#17">
    <input type="email" name="email[18]" id="email-18" placeholder="Mail of Person#18">
    <input type="email" name="email[19]" id="email-19" placeholder="Mail of Person#19">
    <input type="email" name="email[20]" id="email-20" placeholder="Mail of Person#20">
    <input type="email" name="email[21]" id="email-21" placeholder="Mail of Person#21">
    <input type="email" name="email[22]" id="email-22" placeholder="Mail of Person#22">
    <input type="email" name="email[23]" id="email-23"...