Formato de Horário

Olá!

Minha dúvida é referente ao type=time utilizado. Aqui ele retorna quando setado o value="00:00:00" no DOM corretamente como 00:00:00 mas na exibição 12:00:00 AM.

Este inclusive eu não consigo setar para não aparecer AM/PM (segue imagem).

O código utilizado é o mesmo da aula

state = {
        tarefa: "",
        tempo: "00:00:00"
    }
    render() {
        return (
            <form className={style.novaTarefa}>
                <div className={style.inputContainer}>
                    <label htmlFor='tarefa'>
                        Adicione um novo estudo
                    </label>
                    <input
                        type='text'
                        name='tarefa'
                        id='tarefa'
                        placeholder='O que você quer estudar?'
                        required
                    />
                </div>
                <div className={style.inputContainer}>
                    <label htmlFor='tempo'>
                        Tempo
                    </label>
                    <input
                        type='time'
                        step='1'
                        name='tempo'
                        value={this.state.tempo}
                        onChange={evento => this.setState({ ...this.state, tempo: evento.target.value })}
                        id='tempo'
                        min='00:00:00'
                        max='01:30:00'
                        required
                    />
                </div>

Gostaria de saber onde consigo configurar para não utilizar este formato (AM/PM) e enfim exibir "00:00:00" no campo. Estou disponível para enviar outras informações que possam ser necessárias.