data.UM_Desc === UM_Desc && data.UOM_Short_Code === UOM_Short_Code && data.Enabled_Flag === Enabled_Flag {errors.UOM_Name && errors.UOM_Name.type === "maxLength" && <p className = "form_error"> Maximum Length Allowed is 250 </p>} <MDBInput autoComplete="off" style={{marginBottom:"5px" }} name ="UM_Desc" valueDefault = {props.type === "update" ? props.record.UM_Desc : ""} inputRef={register({ required: true, maxLength: 255 }) } label="UOM Description" group type="text" validate error="wrong" success="right" /> {errors.UM_Desc && errors.UM_Desc.type === "required" && <p className = "form_error"> <i className="fas fa-exclamation-triangle"></i> This field is required</p>} {errors.UM_Desc && errors.UM_Desc.type === "maxLength" && <p className = "form_error"> Maximum Length Allowed is 500 </p>}