Vetal1992

Возможно самый простой вариант, без лишних импортов, который везде сработает:

const SomeComponent = () => {
    const shovHide = () => {
        let a = document.getElementById('text')
        if (a.style.display === 'none') {
            a.style.display = 'block'
        } else if (a.style.display === 'block') {
            a.style.display = 'none'
        }
    }

    return (
        <div>
            <button onClick={shovHide}>
                push to shov\hide
            </button>
            <a id='text' style={{ display: 'none', fontSize: '1vw' }} href="">some text some text</a>
        </div>
    )
}

export default SomeComponent;