Erro ao rodar o projeto

Eu estava chamando o componente Cronometro dentro dele mesmo quando deveria ser o Relogio, não sei o que estava acontecendo, mas o problema era esse.  Estava assim:

export default function Cronometro() {
  return (
    <div className={style.cronometro}>
      <p className={style.titulo}>Escolha um card e inicie o cronômetro</p>
      <div className={style.relogioWrapper}>
        <Cronometro />
      </div>
      <Botao>
        Começar!
      </Botao>
    </div>
  )
}

O certo é assim kkk

export default function Cronometro() {
  return (
    <div className={style.cronometro}>
      <p className={style.titulo}>Escolha um card e inicie o cronômetro</p>
      <div className={style.relogioWrapper}>
        <Relogio />
      </div>
      <Botao>
        Começar!
      </Botao>
    </div>
  )