Por que minhas variáveis quando passo o mouse ficam null?

Ex: `class modal: Element | null`

Por conta disso quando tento dar um forEach em um array que contem essas variáveis ele retorna erro dizendo que não consegue ler propriedades de 'undefined'

Mas eu acessando essa variável `modal` no console do Chrome, ele retorna o elemento do HTML que referenciei


Esse problema acontece quando tento dar toggle no modal:
```
const toggleModal = () => {
    console.log('>> Mudando opacidade do modal')
    [modal,bg_dark].forEach(el => el.classList.toggle('hide'))
    
    // bg_dark.classList.toggle('hide')
    // modal.classList.toggle('hide')
}
```

Da esse erro:

```
main.js:110 Uncaught TypeError: Cannot read properties of undefined (reading '#<HTMLDivElement>')
    at toggleModal (main.js:110:5)
    at HTMLButtonElement.<anonymous> (main.js:123:5)
toggleModal @ main.js:110
(anonymous) @ main.js:123
```

Dúvida Basica de Javascript no VS Code

Por que minhas variáveis quando passo o mouse ficam null? Ex: class modal: Element | null Por conta disso quando tento dar um forEach em um array que contem essas variáveis ele retorna er...