React hook for active validation (e.g. on change of a controlled input)

useActiveValidation.jsx

import React, { useEffect, useState } from 'react';

function useActiveValidation(value, validator) {
    const [isValid, setIsValid] = useState(true);

    useEffect(() => {
        setIsValid(validator(value));
    }, [value]);

    return isValid;
}

function Example() {
    const [inputValue, setInputValue] = useState('');
    const validIfNotEmpty = useActiveValidation(inputValue, x => !!x);
    
    function handleChange(e) {
        setInputValue(e.target.value);
    }
    
    return (
        <div>
            <input onChange={handleChange) value={inputValue} />
            <br />
            {validIfNotEmpty ? 'valid' : 'not valid'}
        </div>
    );
}