Laravel nova: hide error when input change

App Service provider.php

<?php 

// Inside boot method
Nova::serving(function () {
      Nova::script('input-error-handler-js', public_path('custom/js/nova.js'));
      Nova::style('input-error-handler-css', public_path('custom/css/nova.css'));
});

laravel nova error should be removed when input changes.js

(function () {
    var origOpen = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open = function () {
        this.addEventListener('load', function () {
            if (this.status === 422) {
                var elements = document.querySelectorAll('.custom-error-hidden');
                elements.forEach(function (element) {
                    if (element.classList.contains('custom-error-hidden')) {
                        element.classList.remove('custom-error-hidden');
                    }
                });
            }
        });
        origOpen.apply(this, arguments);
    };
})();
document.querySelector('#app').addEventListener('input', function (event) {
    if (event.target.classList.contains('form-input-bordered') || event.target.classList.contains('form-select-bordered')) {
        event.target.parentElement.parentElement.parentElement.classList.add('custom-error-hidden')
    }
});

patch.css

.custom-error-hidden .help-text-error {
    display: none;
}

#nova .custom-error-hidden .form-input-border-error {
    border-color: rgba(var(--colors-gray-700)) !important;
}