Как правильно получить элементы DOM в React

Если получить их так где они после сборки живут в глобальной области видимости или только в окружении компонента

let nodes = null

export const Comp = () => {
    useEffect(() => {
        nodes = document.querySelectorAll('anyWrapper a')    
    }, []);

    // сделать что то с этими нодами
    return <></>;
}

или можно для этого использовать useState например так

export const Comp = () => {
    const [nodes, setNodes] = useState(null)
        useEffect(() => {
            setNodes(document.querySelectorAll('anyWrapper a'))
        }, []);

    // сделать что то с этими нодами
    return <></>;
}

или по другому