Gatsby - TypeError: Невозможно установить свойство 'onclick' для null

Question

На моем сайте Gatsby я получаю следующую ошибку: TypeError: Невозможно установить свойство 'onclick' из null.

Я попробовал решения из других вопросов, связанных с stackoverflow, связанных с этим. Но никто не работает на сайте Гэтсби. Я также не знаю, как реализовать код Javascript в нижнем колонтитуле с помощью Gatsby.

document.addEventListener("DOMContentLoaded", function(event) {
    function openNav() {
        document.getElementById("OffcanvasNav").style.left = "0"
        document.getElementById("openNav").style.display = "none"
        document.getElementById("closeNav").style.display = "initial"
    }

    document.getElementById("openNav").onclick = openNav

    function closeNav() {
        document.getElementById("OffcanvasNav").style.left = "100%"
        document.getElementById("closeNav").style.display = "none"
        document.getElementById("openNav").style.display = "initial"
    }

    document.getElementById("closeNav").onclick = closeNav
});

document.getElementById("openNav").onclick = openNav should open my offcanvas navbar.

document.getElementById("closeNav").onclick = closeNav should clode my offcanvas navbar.