Cannot read property 'bairro' of undefined

Olá! Criei um Component que consome uma api para praticar o que aprendi no capítulo três. O que fiz é renderizado perfeitamente, mas quando olho no console do navegador, recebo o seguinte erro:

EnderecoComponent.html:2 ERROR TypeError: Cannot read property 'bairro' of undefined

O meu código é o seguinte:

Serviço

    endereco: Endereco;

    constructor(private http: HttpClient) { }

    ngOnInit(): void {

        this.http
            .get<Endereco>('https://viacep.com.br/ws/01001000/json/')
            .subscribe(endereco => this.endereco = endereco)
    }

HTML

<p>{{ endereco.bairro }}</p>

Dando uma pesquisada, descobri que se eu coloco um ponto de interrogação após endereço, ele para de apresentar o erro.

<p>endereco?.bairro</p>

Mas não sei se esta é a maneira correta de resolver o problema. Seria? E como eu faria para declarar uma representação do meu objeto no component.html para que eu tenha a ajuda do intellisense para completar os atributos do meu objeto endereço?

Desde já agradeço pela atenção. :)