Checkout Bricks - Payment - Uncaught (in promise) TypeError: e.replace is not a function #72

Thalles-HsA · 2023-08-28T21:34:29Z

Thalles-HsA
Aug 28, 2023

Olá, ao tentar fazer a renderização do Checkout Brick estou tendo um erro e o bricks não é renderizado:

VM614:1  Uncaught (in promise) TypeError: e.replace is not a function
    at A (eval at getProperty (v2:2:25944), <anonymous>:1:93465)
    at eval (eval at getProperty (v2:2:25944), <anonymous>:1:110824)
    at eval (eval at getProperty (v2:2:25944), <anonymous>:1:111190)
    at Generator.next (<anonymous>)
    at eval (eval at getProperty (v2:2:25944), <anonymous>:1:104498)
    at new Promise (<anonymous>)
    at re (eval at getProperty (v2:2:25944), <anonymous>:1:104243)
    at se (eval at getProperty (v2:2:25944), <anonymous>:1:104746)
    at Pr.eval (eval at getProperty (v2:2:25944), <anonymous>:1:252317)
    at Generator.next (<anonymous>)
    at a (eval at getProperty (v2:2:25944), <anonymous>:1:248675)

A | @ | VM614:1
-- | -- | --
  | eval | @ | VM614:1
  | eval | @ | VM614:1
  | eval | @ | VM614:1
  | re | @ | VM614:1
  | se | @ | VM614:1
  | eval | @ | VM614:1
  | a | @ | VM614:1
  | Promise.then (assíncrono) |   |  
  | step | @ | index.js:6
  | fulfilled | @ | index.js:4
  | Promise.then (assíncrono) |   |  
  | step | @ | index.js:6
  | eval | @ | index.js:7
  | __awaiter | @ | index.js:3
  | initBrick | @ | index.js:11
  | eval | @ | index.js:49
  | setTimeout (assíncrono) |   |  
  | eval | @ | index.js:48
  | commitHookEffectListMount | @ | react-dom.development.js:19986
  | commitHookPassiveMountEffects | @ | react-dom.development.js:22042
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22147
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22222
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22144
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22258
  | recursivelyTraversePassiveMountEffects | @ | react-dom.development.js:22125
  | commitPassiveMountOnFiber | @ | react-dom.development.js:22155
  | commitPassiveMountEffects | @ | react-dom.development.js:22113
  | flushPassiveEffectsImpl | @ | react-dom.development.js:25253
  | flushPassiveEffects | @ | react-dom.development.js:25194
  | performConcurrentWorkOnRoot | @ | react-dom.development.js:23313
  | workLoop | @ | scheduler.development.js:261
  | flushWork | @ | scheduler.development.js:230
  | performWorkUntilDeadline | @ | scheduler.development.js:537

Faço como a documentação pede e nunca tive problema e hoje realizando alguns teste estou tendo esse problema e não consigo renderizar o checkout.

Answered by AleFossati

Nov 3, 2023

Oi @Thalles-HsA, o bug em questão foi corrigido nessa PR.
Se ainda encontrar algum problema, por favor pode nos avisar que analisaremos.
Obrigado!

View full answer

Thalles-HsA · 2023-08-28T21:55:41Z

Thalles-HsA
Aug 28, 2023
Author

Fiz um teste e mudei o Bricks de:

<Payment
          initialization={initialization}
          customization={customization}
          onSubmit={onSubmit}
        />

para

<CardPayment
          initialization={initialization}
          customization={customization}
          onSubmit={onSubmit}
        />

E ele foi renderizado normalmente, e não tive o erro no console, então o problema deve ser no Brick Payment

0 replies

AdaltonLeite · 2023-08-28T22:21:05Z

AdaltonLeite
Aug 28, 2023
Maintainer

Olá @Thalles-HsA, qual versão da SDK você tá utilizando? Fiz um teste no codeSandbox utilizando a versão 0.0.13 e não consegui simular esse erro, você consegue enviar um link para a gente simular o problema?

4 replies

Thalles-HsA Aug 29, 2023
Author

Olá AdaltonLeite, eu descobri qual era o problema.

Eu iniciava os dados nos Bricks e recentemente eu fiz uma alteração no address / streetNumber.
Inicialmente eu havia configurado para que ele fosse uma string, conforme a documentação, porem recentemente eu acabei me confundindo com a construção da preferencia em que o street_number deve ser type number.

Eu fiz a alteração e não fiz mais testes e acabei seguindo para outro lado do projeto e só agora percebi onde estava o erro.
Grato.

Thalles-HsA Aug 29, 2023
Author

Só complementando, eu fiz a alteração do StreetNumber para string, só que o Payment - initialization reclama de tipagem incorreta, ele diz que tem que ser number, porem se eu troco para number tenho o erro inicial desse post. Por sorte não preciso dos dados de address então resolvi remover, mas isso deve ser um problema para quem precise.

andreagostinho-meli Sep 26, 2023
Maintainer

@Thalles-HsA agradecemos o reporte! conseguimos reproduzir o erro, estamos trabalhando em uma correção.

AleFossati Nov 3, 2023
Maintainer

Oi @Thalles-HsA, o bug em questão foi corrigido nessa PR.
Se ainda encontrar algum problema, por favor pode nos avisar que analisaremos.
Obrigado!

Answer selected by AleFossati

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Checkout Bricks - Payment - Uncaught (in promise) TypeError: e.replace is not a function #72

{{title}}

Replies: 2 comments 4 replies

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Select a reply

Checkout Bricks - Payment - Uncaught (in promise) TypeError: e.replace is not a function #72

Thalles-HsA Aug 28, 2023

Replies: 2 comments · 4 replies

Thalles-HsA Aug 28, 2023 Author

AdaltonLeite Aug 28, 2023 Maintainer

Thalles-HsA Aug 29, 2023 Author

Thalles-HsA Aug 29, 2023 Author

andreagostinho-meli Sep 26, 2023 Maintainer

AleFossati Nov 3, 2023 Maintainer

Thalles-HsA
Aug 28, 2023

Replies: 2 comments 4 replies

Thalles-HsA
Aug 28, 2023
Author

AdaltonLeite
Aug 28, 2023
Maintainer

Thalles-HsA Aug 29, 2023
Author

Thalles-HsA Aug 29, 2023
Author

andreagostinho-meli Sep 26, 2023
Maintainer

AleFossati Nov 3, 2023
Maintainer