There isn’t a way to pass our own validation message to the component in the case we need to. To elaborate, if we grab the value on our side and pass it into our custom validation function (not the inputs custom validation object), we need to be able to pass the component a validation message that will trigger the component error state with that message. When we clear that message from the component, the component should return to normal state.
A note on this... when we interact with this component, we never want to use document.getElementById, which is currently required to get the result of a validation. document.getElementById is an anti-pattern in React generally speaking.