There is no error class on the select element.. suggested fix: const Select = ({ error, isChanged, isUsed, ...props }) => ( <div> <select {...props} {...( isChanged && isUsed && error ? { className: `is-invalid-input ${props.className}` } : { className: props.className } )} /> {isChanged && isUsed && error} </div> ); Please advise?