register.jsx

<div className="w-1/4 mx-auto my-16">
            <div className="w-full mb-4">
                <label for="name" className="block">Nama</label>
                <input type="text" name="name" id="name" className="w-3/4 rounded-lg h-8 border-gray border-2 border-gray-200" onChange={(e) => updateUser(e)}/>
            </div>

            <div className="w-full mb-4">
                <label for="name" className="block">Email</label>
                <input type="text" name="email" id="name" className="w-3/4 rounded-lg h-8 border-gray border-2 border-gray-200"  onChange={(e) => updateUser(e)}/>
            </div>

            <div className="w-full mb-4">
                <label for="name" className="block">Password</label>
                <input type="password" name="password" id="name" className="w-3/4 rounded-lg h-8 border-gray border-2 border-gray-200"  onChange={(e) => updateUser(e)}/>
            </div>

            <div className="w-full mb-4">
                <label for="name" className="block">Alamat</label>
                <input type="text" name="alamat" id="name" className="w-3/4 rounded-lg h-8 border-gray border-2 border-gray-200"  onChange={(e) => updateUser(e)}/>
            </div>

            <div className="w-1/3">
                <button className="bg-green-400 p-2 rounded-xl" onClick={() => submitUser()}>Register</button>
            </div>
        </div>