jsx element 'div' has no corresponding closing tag help plis

Question

import React from 'react';

const Login = () => {
return(
    <div className='hold-transition login-page'>
        <div className='login-box'>
            <div className='login-logo'>
                <a href='/'><b>Cloud</b>Sales</a>
            </div>
            <div className='card'>
                <div className='card-body login-card-body'>
                    <p className='login-box-msg'>Autentíquese para iniciar sesión</p>
                    <form>
                      <div className='input-group mb-3'>
                        <input type="text" className='form-control' name="username" placeholder='Apodo' />
                          <div className='input-group-append'>
                            <div className='input-group-text'>
                                <span className='fas fa-envelope' />
                            </div>
                          </div>
                        </div>
                        <div className='input-group mb-3'>
                        <input type="password" className='form-control' name="pass" placeholder='Clave' />
                        <div className='input-group-append'>
                            <div className='input-group-text'>
                                <span className='fas fa-lock' />
                            </div>    
                        </div>
                     </div>
                     <div className='row'>
                        <div className='col-12 text-center'>
                            <button className='btn btn-primary'><i className='fa fa-sing-in'></i>Acceder</button>
                        </div>
                      </div>
                    </form>
                    <div className='alert alert-danger d-one' role="alert">
                        <strong>Error!</strong>
                        <p id="reason"></p>
                    </div>
                </div>       
 )
}

Answer 1

the question lacks detail, try adding your full code and what the error message looks like. so people can help solve it.

i think you need three </div> placed before )

 <div className='hold-transition login-page'> <div className='login-box'> <div className='login-logo'> <a href='/'><b>Cloud</b>Sales</a> </div> <div className='card'> <div className='card-body login-card-body'> <p className='login-box-msg'>Autentíquese para iniciar sesión</p> <form> <div className='input-group mb-3'> <input type="text" className='form-control' name="username" placeholder='Apodo' /> <div className='input-group-append'> <div className='input-group-text'> <span className='fas fa-envelope' /> </div> </div> </div> <div className='input-group mb-3'> <input type="password" className='form-control' name="pass" placeholder='Clave' /> <div className='input-group-append'> <div className='input-group-text'> <span className='fas fa-lock' /> </div> </div> </div> <div className='row'> <div className='col-12 text-center'> <button className='btn btn-primary'><i className='fa fa-sing-in'></i>Acceder</button> </div> </div> </form> <div className='alert alert-danger d-one' role="alert"> <strong>Error!</strong> <p id="reason"></p> </div> </div> </div> </div> </div>