Buenos días, les escribo para consultarles sobre un problema que estoy teniendo con javascript. Al tratar de modificar la propiedad display de un elemento HTML, el navegador me tira el siguiente error Uncaught TypeError: Cannot set property 'display' of undefined(…). Alguien sabe que puede estar sucediendo? a continuación les dejo el codigo

HTML

    <div class="containerDespacho container">
        <h2>Despacho</h2>
        <div class="subContainer">
            <input type="radio" name="tipoDespacho" value="poliducto" checked>
            <label class="mainLabel" for="poliducto">Poliducto</label>
        </div>
        <div class="subContainer">
            <input type="radio" name="tipoDespacho" value="terminal">
            <label class="mainLabel" for="terminal">Terminal</label>
        </div>
        <div class="subContainer">
            <input type="radio" name="tipoDespacho" value="cipolletti">
            <label class="mainLabel" for="cipolletti">Cipolletti</label>
        </div>
    </div>

CSS

.containerDespacho{ display: none; }

Javascript const cambioTipo = ()=> { if(inputTipo[0].checked === true){ containerDespacho.style.display = 'grid'

} else {
    containerDespacho.style.display = 'none'
}

};