const App = () => {    function hideCharacter(){        const randomChar = useRef(null);        randomChar.classList.add('hide');    }    return (        <>             <RandomChar ref={randomChar} /> // error: not defined            <button class="btn btn-primary" onClick={hideCharacter()}>Load another one</button>        </>    );};為什么我的引用沒有定義？我需要將代碼重構為類嗎？