JSFiddle - React, Tailwind, and code Playground

HTML

<form>
<input id="userfnamesignup" type="text" pattern="[a-zA-Z\u0400-\u04ff]{3,30}" name="user_fname" placeholder="Enter your name please" required />
    <input type=submit>
        
        
        бббббббббббббббббб