Component translations is disappear

Hi,

We have an issue with the builder content. The value in one of our custom component become an empty string even we revert back to the version that used to have the string inside it.

Currently, the published version has all the content (FAQ component the last one in the page) and it looks like this Smart Shipping

but the last version, that we try to edit, the content is alway blank.

Could you help check what is happening why it’s become empty string for only one single component.

Builder content link

Hi @maythee,

Could you please share the FAQ custom component code? And also, which builder/react SDK version are you using currently?

Hello @maythee,

It looks like it’s just not working on that particular page when tested on the TEST page the FAQ component load fine in the preview

Hi @manish-sharma,

It’s probably only this particular page because it’s the one that has this component. The issue here is if we enter the text again, the component will work but the text that we enter before that suppose to exists is disappear and when I see the JSON data in builder, it returns blank empty string instead the one that was in the history.

The component was working before without an issue, so I’m wonder why does the content start returning {} here even when we revert the version back?

We also have problem with another page here Builder.io: Drag & Drop Headless CMS

If you visit the published version, there are more images in the middle section OBS

However, in the editor, only the first one has image and some text in the translations also broken.

I’m not sure is this related to this error in console when open this page in the builder.io editor.

fs.js:4 Error calculating cursor position TypeError: Cannot read properties of undefined (reading 'left')
    at 211.46bdbc65.chunk.js:2947:82730
    at 210.fb67f9fa.chunk.js:1972:6483
    at 210.fb67f9fa.chunk.js:1972:5891
    at trackDerivedFunction (210.fb67f9fa.chunk.js:30:10845)
    at Reaction2.track (210.fb67f9fa.chunk.js:45:1552)
    at 210.fb67f9fa.chunk.js:1972:5860
    at useQueuedForceUpdateBlock (210.fb67f9fa.chunk.js:1972:4135)
    at useObserver (210.fb67f9fa.chunk.js:1972:5787)
    at wrappedComponent (210.fb67f9fa.chunk.js:1972:6453)
    at Ch (210.fb67f9fa.chunk.js:2322:53603)
    at li (210.fb67f9fa.chunk.js:2322:63079)
    at ki (210.fb67f9fa.chunk.js:2322:62409)
    at ck (210.fb67f9fa.chunk.js:2326:11899)
    at bk (210.fb67f9fa.chunk.js:2326:934)
    at ak (210.fb67f9fa.chunk.js:2326:865)
    at Tj (210.fb67f9fa.chunk.js:2326:725)
    at Lj (210.fb67f9fa.chunk.js:2324:10848)
    at 210.fb67f9fa.chunk.js:2322:38845
    at exports.unstable_runWithPriority (210.fb67f9fa.chunk.js:2333:3927)
    at gg (210.fb67f9fa.chunk.js:2322:38623)
    at jg (210.fb67f9fa.chunk.js:2322:38791)
    at ig (210.fb67f9fa.chunk.js:2322:38726)
    at Wj (210.fb67f9fa.chunk.js:2324:11277)
    at reactionScheduler (210.fb67f9fa.chunk.js:45:4019)
    at runReactions (210.fb67f9fa.chunk.js:45:3255)
    at endBatch (210.fb67f9fa.chunk.js:30:24372)
    at _endAction (210.fb67f9fa.chunk.js:30:14370)
    at executeAction (210.fb67f9fa.chunk.js:30:13513)
    at runInAction (210.fb67f9fa.chunk.js:45:6197)
    at BlocksOverlay_BlocksOverlay.processClientRects (211.46bdbc65.chunk.js:3207:4886)
    at next (211.46bdbc65.chunk.js:2947:139916)
    at MutationObserver.<anonymous> (main.ba88e8d1.chunk.js:35:46525)

I’m not sure with the editor because the data that editor returns in the browser is different from what the component gets the first time, here is the data in the OBS page that’s correct

[
  {
    title: {
      en: '<h3 class="u-typography-h3">Improved object suggestions</h3>',
      nl: '<p>Verbeterde objectsuggesties</p>',
      de: '<p>Optimierte Objektvorschläge</p>',
      fr: "<p>Amélioration des suggestions d'objets</p>",
      it: '<p>Consigli per gli oggetti migliorati</p>',
      es: '<p>Sugerencias para objetos mejoradas</p>',
      pt: '<p>Sugestões melhoradas para os objetos</p>',
      da: '<p>Forbedrede forslag til genstande</p>',
      sv: '<p>Förbättrade objektförslag</p>',
      no: '<p>Forbedret objektforslag</p>',
      pl: '<p>Ulepszone sugestie</p>',
      'zh-Hant': '<p>改進的物品建議</p>',
      'zh-Hans': '<p>改进了的物品建议</p>',
      hu: '<p>Továbbfejlesztett tárgybenyújtás - javaslatok</p>',
      ro: '<p>Sugestii mai bune de obiecte&nbsp;</p>',
      fi: '<p>Parannetut esine-ehdotukset</p>',
      el: '<p>Βελτιωμένες προτάσεις αντικειμένων</p>'
    },
    description: {
      en: '<p><span class="u-color-dark-gray">Get more relevant suggestions when trying to describe your object, reducing any ambiguity and ensuring your submission is accurately represented.</span></p>',
      nl: '<p>Je krijgt meer relevante suggesties wanneer je probeert je object te beschrijven, waardoor onduidelijkheid wordt verminderd en je inzending nauwkeurig wordt weergegeven.</p>',
      de: '<p>Sie erhalten passendere Vorschläge, wenn Sie versuchen, eines Ihrer Objekte zu beschreiben, damit Mehrdeutigkeiten vermieden werden und sichergestellt ist, dass Ihre Einreichung korrekt dargestellt wird.</p>',
      fr: '<p>Bénéficiez de suggestions plus pertinentes lorsque vous essayez de décrire votre objet, limitant ainsi toute ambiguïté et veillant à ce que votre soumission soit fidèlement représentée.</p>',
      it: '<p>Ottieni consigli più pertinenti quando cerchi di descrivere il tuo oggetto, riducendo ogni ambiguità e assicurandoti che la tua presentazione sia accurata.</p>',
      es: '<p>Obtén sugerencias más relevantes cuando tratas de describir tu objeto, reduciendo así cualquier ambigüedad y asegurando que el objeto que presentas quede representado con exactitud.</p>',
      pt: '<p>Receba sugestões mais relevantes ao tentar descrever o seu objeto, reduzindo possíveis ambiguidades e assegurando que a sua submissão está corretamente representada.</p>',
      da: '<p>Få mere relevante forslag, når du forsøger at beskrive din genstand, ved at reducere enhver tvetydighed og sikre, at din indsendelse er nøjagtigt repræsenteret.</p>',
      sv: '<p>Få mer relevanta förslag när du försöker beskriva ditt objekt, minska eventuella tvetydigheter och se till att din inlämning är korrekt representerad.</p>',
      no: '<p>Få mer relevante forslag når du prøver å beskrive objektet ditt, redusere tvetydighet og sikre at innsendingen din er nøyaktig representert.</p>',
      pl: '<p>Uzyskaj bardziej trafne sugestie, podczas procesu opisywania swojego przedmiotu. Dzięki nim zmniejszą się wszelkie niejasności, a Ty będziesz mieć pewność, że Twoja oferta jest dokładnie przedstawiona.</p>',
      'zh-Hant': '<p>在嘗試描述您的物品時獲得更多相關建議,減少任何歧義並確保您提交的內容準確無誤。</p>',
      'zh-Hans': '<p>在尝试描述您的物品时获得更多相关建议,减少任何歧义并确保您提交的内容准确无误。</p>',
      hu: '<p>Relevánsabb javaslatokat kaphat, amikor megpróbálja leírni a tárgyat, csökkentve a kétértelműséget és biztosítva a tárgy pontos ábrázolását.</p>',
      ro: '<p>Obține sugestii mai relevante atunci când încerci să îți descrii obiectul, reducând orice ambiguitate și asigurându-te că prezentarea ta este reprezentată corect.</p>',
      fi: '<p>Saat osuvampia ehdotuksia esinettä kuvaillessasi, joka vähentää epäselvyyksiä ja varmistaa, että esineesi esitellään todenmukaisesti.</p>',
      el: '<p>Λάβετε πιο σχετικές προτάσεις όταν προσπαθείτε να περιγράψετε το αντικείμενό σας, περιορίζοντας τυχόν ασάφειες και διασφαλίζοντας ότι η υποβολή σας είναι ακριβής.</p>'
    },
    mediaType: 'image',
    videoAutoPlay: false,
    ctaText: 'Explore more',
    imageUrl: {
      '@type': '@builder.io/core:LocalizedValue',
      Default: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F45069fe8ca5b47e4b62f1012e9870d9c',
      de: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2Fa6358e8ba7ec4c62879e305125b7e11d',
      fr: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2Ffa2d3d6c16c442168c43f9d83d5ca019',
      it: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2Fba98c484c0074a0b81c506cf0bc8558f',
      nl: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2Ffd08f3b89eed4b859756da83f9b11644',
      'zh-Hant': 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F3a59ad90d0574a56a855d246faa55c04',
      'zh-Hans': 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F8679b65f3b274ba9bf0c42ea004ef643',
      pt: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F825f17e39b874b90ad158c6c3dfb5db8',
      da: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2Fd40344a8a5e3473a9c614a8965ec99bd',
      sv: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F63203114ac46423c80efc05ae18ca70e',
      no: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F76171cc1e90c4805807a4e7687642ed0',
      pl: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2Fd8d24f6fe3bc413b91510890ca83072b',
      el: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F4bff47ce03dd4c1db45ead142bf8d451',
      hu: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F79001159dc1940619b6af28eb01ca01c',
      ro: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F60bdd8edae4e4a62b2e43f63148d559d',
      fi: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2Fb2b953011d7d4783b73e3de89e827b06',
      es: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F2f0a30b78e054bfbad85b4ac07e75048'
    },
    videoUrl: { '@type': '@builder.io/core:LocalizedValue' }
  },
  {
    title: {
      en: '<h3 class="u-typography-h3">Fewer steps for a faster submission</h3>',
      nl: '<p>Minder stappen om sneller in te kunnen dienen</p>',
      de: '<p>Mit weniger Schritten schneller einreichen</p>',
      fr: "<p>Moins d'étapes pour des soumissions plus rapides</p>",
      it: '<p>Meno passaggi per una presentazione più rapida</p>',
      es: '<p>Menos pasos para presentar objetos más rápido.</p>',
      pt: '<p>Menos passos para uma submissão mais rápida</p>',
      da: '<p>Færre trin til en hurtigere indsendelse</p>',
      sv: '<p>Färre steg för en snabbare inlämning</p>',
      no: '<p>Færre trinn for en raskere innlevering</p>',
      pl: '<p>Mniej kroków dla szybszego wystawienia przedmiotu</p>'Warning: data for page "/pages/p/[page]" (path "/pages/p/obs?builder.space=133333c1d9bc4d2387914212d38d9c4a&builder.cachebust=true&builder.preview=page&builder.noCache=true&__builder_editing__=true&builder.overrides.page=bd5be38cf1b1414f81d3518a62c8fa15&builder.overrides.bd5be38cf1b1414f81d3518a62c8fa15=bd5be38cf1b1414f81d3518a62c8fa15&builder.overrides.page%3A%2Fen%2Fpages%2Fp%2Fobs=bd5be38cf1b1414f81d3518a62c8fa15&builder.options.locale=Default&builder.frameEditing=page") is 148 kB which exceeds the threshold of 128 kB, this amount of data can reduce performance.
See more info here: https://nextjs.org/docs/messages/large-page-data
,
      'zh-Hant': '<p>更少的步驟,更快的提交</p>',
      'zh-Hans': '<p>更少的步骤,更快的提交</p>',
      hu: '<p>Kevesebb lépés a gyorsabb benyújtás érdekében</p>',
      ro: '<p>Mai puțini pași pentru o trimitere mai rapidă</p>',
      fi: '<p>Vähemmän vaiheita nopeampaan ilmoittamiseen</p>',
      el: '<p>Λιγότερα βήματα για ταχύτερη υποβολή</p>'
    },
    description: {
      en: '<p><span class="u-color-dark-gray">Describing your object can now be done on one single page, speeding up the process and giving you a clearer overview of your submission.</span></p>',
      nl: '<p>Het beschrijven van je object kan nu op één enkele pagina, wat het proces sneller maakt en je een duidelijker overzicht geeft van je inzending.</p>',
      de: '<p>Die Beschreibung jedes Ihrer Objekte kann jetzt auf einer einzigen Seite erfolgen, was den Gesamtablauf beschleunigt und Ihnen einen klareren Überblick über Ihre Einreichung gibt.</p>',
      fr: "<p>Vous pouvez désormais décrire votre objet sur une seule page, ce qui accélère le processus et vous donne une vue d'ensemble plus précise de la soumission de votre objet.</p>",
      it: '<p>Adesso puoi inserire la descrizione del tuo oggetto in un’unica pagina. In questo modo, il processo è più veloce e ti fornisce una panoramica più chiara della tua presentazione.</p>',
      es: '<p>Ahora puedes describir tu objeto en una sola página, acelerado el proceso y dándote una visión más clara de lo que presentas.</p>',
      pt: '<p>A descrição do seu objeto pode agora ser feita numa única página, acelerando o processo e dando-lhe uma visão mais clara da sua submissão.</p>',
      da: '<p>Beskrivelse af din genstand kan nu gøres på en enkelt side, hvilket fremskynder processen og giver dig et klarere overblik over din indsendelse.</p>',
      sv: '<p>Att beskriva ditt objekt kan nu göras på en enda sida, vilket påskyndar processen och ger dig en tydligare översikt över din inlämning.</p>',
      no: '<p>Å beskrive objektet ditt kan nå gjøres på en enkelt side, noe som fremskynder prosessen og gir deg en klarere oversikt over innsendingen.</p>',
      pl: '<p>Opisywanie przedmiotu można teraz wykonać na jednej stronie, co przyspiesza proces i zapewnia jaśniejszy przegląd oferty przedmiotu.</p>',
      'zh-Hant': '<p>現在可以在一個頁面上描述您的物品,從而加快流程並讓您更清楚地了解您提交的內容。</p>',
      'zh-Hans': '<p>现在可以在一个页面上描述您的物品,从而加快流程并让您更清楚地了解您提交的内容。</p>',
      hu: '<p>A tárgy leírása mostantól egyetlen oldalon is elvégezhető, ami felgyorsítja a folyamatot, és világosabb áttekintést nyújt a tárgyról.</p>',
      ro: '<p>Descrierea obiectului se poate face acum pe o singură pagină, accelerând procesul și oferindu-ți o imagine de ansamblu mai clară cu privire la procesul de trimitere.&nbsp;</p>',
      fi: '<p>Esineen kuvailu tapahtuu nyt yhdellä sivulla, mikä nopeuttaa prosessia ja antaa selkeämmän yleiskuvan ilmoituksestasi.</p>',
      el: '<p>Η περιγραφή του αντικειμένου σας μπορεί πλέον να γίνει σε μία μόνο σελίδα, επιταχύνοντας τη διαδικασία και προσφέροντάς σας μια πιο ξεκάθαρη συνολική εικόνα της υποβολής σας.</p>'
    },
    mediaType: 'image',
    videoAutoPlay: false,
    ctaText: 'Explore more',
    imageUrl: {
      '@type': '@builder.io/core:LocalizedValue',
      en: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F5a01ac7f606644cea5a6778a53e58c9b',
      de: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2Fc1349154eb484068b3ec428fc89fe4f8',
      es: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F9aa764cc8f854c868ca309cf30d4aeeb',
      fr: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F026ff82558bb462bbbf58feec34aaf31',
      it: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F96b8c142d42c46cb89735802b750d219',
      nl: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2Fe30640f4465c437891d5591d755319cd',
      'zh-Hant': 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F4fdae73af2c744fdb46611b3af46fcdc',
      'zh-Hans': 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F3a482dd918e3434eb5ff47ccc0521307',
      pt: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F6f86ccc40fec4fb3a26e7c470008d142',
      da: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2Fce1caf65f8894aabbbea8faae400a216',
      sv: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F3cd487cc55544178875587249ccb7176',
      no: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F2446de47ad744ceebf4a452db590ecb4',
      pl: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F24136b70e5034f9dbe0facc8bcb262b4',
      el: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F141d2a20bb2447d1a4fda55c13b1664d',
      hu: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F432e51d6bde743f996686dd36b764973',
      ro: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F5be4e2f249ea403fb292ed64777ee193',
      fi: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2Fd3f7880077a74eb58039fff44469b58a'
    },
    videoUrl: { '@type': '@builder.io/core:LocalizedValue' }
  },
  {
    title: {
      en: '<p>More exposure for your objects</p>',
      nl: '<p>Meer zichtbaarheid voor je objecten</p>',
      de: '<p>Mehr Sichtbarkeit für Ihre Objekte</p>',
      fr: '<p>Plus de visibilité pour vos objets</p>',
      it: '<p>Più visibilità per i tuoi oggetti</p>',
      es: '<p>Mayor exposición para tus objetos.</p>',
      pt: '<p>Maior visibilidade para os seus objetos</p>',
      da: '<p>Større eksponering for dine genstande</p>',
      sv: '<p>Mer exponering för dina objekt</p>',
      no: '<p>Mer eksponering for objektene dine</p>',
      pl: '<p>Większa ekspozycja dla Twoich przedmiotów</p>',
      'zh-Hant': '<p>為您的物品獲得更多的曝光</p>',
      'zh-Hans': '<p>让您的物品有更多曝光的机会</p>',
      hu: '<p>Nagyobb felület a tárgyak számára</p>',
      ro: '<p>O expunere mai mare pentru obiectele tale</p>',
      fi: '<p>Lisää näkyvyyttä esineillesi</p>',
      el: '<p>Μεγαλύτερη έκθεση για τα αντικείμενά σας</p>'
    },
    description: {
      en: '<p><span class="u-color-dark-gray">By more accurately describing what makes your object so special, our experts can promote your objects to bigger audiences – in collections as well as auctions.</span></p>',
      nl: '<p>Door nauwkeuriger te beschrijven wat je object zo bijzonder maakt, kunnen onze experts je objecten onder de aandacht brengen bij een groter publiek – zowel in collecties als in veilingen.&nbsp;</p>',
      de: '<p>Indem Sie genauer beschreiben, was Ihr jeweiliges Objekt so besonders macht, können unsere Experten Ihre Objekte einem größeren Publikum präsentieren – sowohl in Kollektionen als auch in Auktionen.&nbsp;</p>',
      fr: '<p>En décrivant plus précisément ce qui rend votre objet si exceptionnel, nos experts peuvent le faire connaître à un public plus large, aussi bien dans les collections que dans les ventes.&nbsp;</p>',
      it: '<p>Descrivendo in modo più accurato ciò che rende speciale il tuo oggetto, i nostri esperti possono promuoverlo presso un pubblico più vasto, sia nelle collezioni che nelle aste.&nbsp;</p>',
      es: '<p>Al describir con mayor precisión lo que hace que tu objeto sea tan especial, nuestros expertos pueden promocionar tus objetos a un público más amplio, tanto en colecciones como en subastas.&nbsp;</p>',
      pt: '<p>Ao descrever o que torna o seu objeto tão especial de forma mais precisa, os nossos especialistas podem promover os seus objetos a um público maior - tanto em coleções como em leilões.&nbsp;</p>',
      da: '<p>Ved mere præcist at beskrive, hvad der gør din genstand så speciel, kan vores eksperter promovere dine genstande til et større publikum – i samlinger såvel som på auktioner.</p>',
      sv: '<p>Genom att mer exakt beskriva vad som gör ditt objekt så speciellt kan våra experter marknadsföra dina föremål till en större publik – i såväl samlingar som auktioner.&nbsp;</p>',
      no: '<p>Ved å beskrive mer nøyaktig hva som gjør objektet ditt så spesielt, kan ekspertene våre markedsføre objektene dine til et større publikum – både i samlinger og auksjoner.&nbsp;</p>',
      pl: '<p>Dzięki dokładniejszemu opisowi co sprawia, że Twój przedmiot jest tak wyjątkowy, nasi eksperci mogą promować Twoje przedmioty wśród szerszego grona odbiorców – zarówno w kolekcjach, jak i na aukcjach.&nbsp;</p>',
      'zh-Hant': '<p>通過更準確地描述是什麼讓您的物品如此獨特,我們的專家可以將您的物品推廣給更多的觀眾-無論是收藏還是拍賣。</p>',
      'zh-Hans': '<p>通过更准确地描述您的物品为什么如此特别,我们的专家可以将您的物品推广给更多的观众 — 无论是收藏系列还是拍卖。</p>',
      hu: '<p>Azáltal, hogy pontosabban leírja, mitől különleges a tárgya, szakértőink nagyobb közönség számára népszerűsíthetik azt – gyűjteményekben és aukciókon egyaránt.&nbsp;</p>',
      ro: '<p>Printr-o descriere mai exactă a ceea ce face ca obiectul tău să fie atât de special, experții noștri îți pot promova obiectele către un public mai mare – atât în colecții, cât și în licitații.&nbsp;</p>',
      fi: '<p>Kuvailemalla tarkemmin, mikä tekee esineestäsi erityisen, asiantuntijamme voivat mainostaa sitä suuremmalle yleisölle – sekä kokoelmissa että huutokaupoissa.&nbsp;</p>',
      el: '<p>Αν περιγράψετε με μεγαλύτερη ακρίβεια τι είναι αυτό που κάνει το αντικείμενό σας τόσο ιδιαίτερο, οι ειδικοί μας μπορούν να το προωθήσουν σε μεγαλύτερο κοινό - σε συλλογές και δημοπρασίες.&nbsp;</p>'
    },
    mediaType: 'image',
    videoAutoPlay: false,
    ctaText: 'Explore more',
    imageUrl: {
      en: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F0117970542fb47ebae31d8d9cacde1ff',
      '@type': '@builder.io/core:LocalizedValue'
    },
    videoUrl: { '@type': '@builder.io/core:LocalizedValue' }
  }
]

However, in the browser, the component gets the above data first time, but after the editor passing below data instead

[ { title: 
     { en: '<h3 class="u-typography-h3">Improved object suggestions</h3>',
       nl: '<p>Verbeterde objectsuggesties</p>',
       de: '<p>Optimierte Objektvorschläge</p>',
       fr: '<p>Amélioration des suggestions d\'objets</p>',
       it: '<p>Consigli per gli oggetti migliorati</p>',
       es: '<p>Sugerencias para objetos mejoradas</p>',
       pt: '<p>Sugestões melhoradas para os objetos</p>',
       da: '<p>Forbedrede forslag til genstande</p>',
       sv: '<p>Förbättrade objektförslag</p>',
       no: '<p>Forbedret objektforslag</p>',
       pl: '<p>Ulepszone sugestie</p>',
       'zh-Hant': '<p>改進的物品建議</p>',
       'zh-Hans': '<p>改进了的物品建议</p>',
       hu: '<p>Továbbfejlesztett tárgybenyújtás - javaslatok</p>',
       ro: '<p>Sugestii mai bune de obiecte&nbsp;</p>',
       fi: '<p>Parannetut esine-ehdotukset</p>',
       el: '<p>Βελτιωμένες προτάσεις αντικειμένων</p>' },
    description: 
     { en: '<p><span class="u-color-dark-gray">Get more relevant suggestions when trying to describe your object, reducing any ambiguity and ensuring your submission is accurately represented.</span></p>',
       nl: '<p>Je krijgt meer relevante suggesties wanneer je probeert je object te beschrijven, waardoor onduidelijkheid wordt verminderd en je inzending nauwkeurig wordt weergegeven.</p>',
       de: '<p>Sie erhalten passendere Vorschläge, wenn Sie versuchen, eines Ihrer Objekte zu beschreiben, damit Mehrdeutigkeiten vermieden werden und sichergestellt ist, dass Ihre Einreichung korrekt dargestellt wird.</p>',
       fr: '<p>Bénéficiez de suggestions plus pertinentes lorsque vous essayez de décrire votre objet, limitant ainsi toute ambiguïté et veillant à ce que votre soumission soit fidèlement représentée.</p>',
       it: '<p>Ottieni consigli più pertinenti quando cerchi di descrivere il tuo oggetto, riducendo ogni ambiguità e assicurandoti che la tua presentazione sia accurata.</p>',
       es: '<p>Obtén sugerencias más relevantes cuando tratas de describir tu objeto, reduciendo así cualquier ambigüedad y asegurando que el objeto que presentas quede representado con exactitud.</p>',
       pt: '<p>Receba sugestões mais relevantes ao tentar descrever o seu objeto, reduzindo possíveis ambiguidades e assegurando que a sua submissão está corretamente representada.</p>',
       da: '<p>Få mere relevante forslag, når du forsøger at beskrive din genstand, ved at reducere enhver tvetydighed og sikre, at din indsendelse er nøjagtigt repræsenteret.</p>',
       sv: '<p>Få mer relevanta förslag när du försöker beskriva ditt objekt, minska eventuella tvetydigheter och se till att din inlämning är korrekt representerad.</p>',
       no: '<p>Få mer relevante forslag når du prøver å beskrive objektet ditt, redusere tvetydighet og sikre at innsendingen din er nøyaktig representert.</p>',
       pl: '<p>Uzyskaj bardziej trafne sugestie, podczas procesu opisywania swojego przedmiotu. Dzięki nim zmniejszą się wszelkie niejasności, a Ty będziesz mieć pewność, że Twoja oferta jest dokładnie przedstawiona.</p>',
       'zh-Hant': '<p>在嘗試描述您的物品時獲得更多相關建議,減少任何歧義並確保您提交的內容準確無誤。</p>',
       'zh-Hans': '<p>在尝试描述您的物品时获得更多相关建议,减少任何歧义并确保您提交的内容准确无误。</p>',
       hu: '<p>Relevánsabb javaslatokat kaphat, amikor megpróbálja leírni a tárgyat, csökkentve a kétértelműséget és biztosítva a tárgy pontos ábrázolását.</p>',
       ro: '<p>Obține sugestii mai relevante atunci când încerci să îți descrii obiectul, reducând orice ambiguitate și asigurându-te că prezentarea ta este reprezentată corect.</p>',
       fi: '<p>Saat osuvampia ehdotuksia esinettä kuvaillessasi, joka vähentää epäselvyyksiä ja varmistaa, että esineesi esitellään todenmukaisesti.</p>',
       el: '<p>Λάβετε πιο σχετικές προτάσεις όταν προσπαθείτε να περιγράψετε το αντικείμενό σας, περιορίζοντας τυχόν ασάφειες και διασφαλίζοντας ότι η υποβολή σας είναι ακριβής.</p>' },
    mediaType: 'image',
    videoAutoPlay: false,
    ctaText: 'Explore more',
    imageUrl: 'https://cdn.builder.io/api/v1/image/assets%2F133333c1d9bc4d2387914212d38d9c4a%2F45069fe8ca5b47e4b62f1012e9870d9c' },
  { title: 
     { en: '<h3 class="u-typography-h3">Fewer steps for a faster submission</h3>',
       nl: '<p>Minder stappen om sneller in te kunnen dienen</p>',
       de: '<p>Mit weniger Schritten schneller einreichen</p>',
       fr: '<p>Moins d\'étapes pour des soumissions plus rapides</p>',
       it: '<p>Meno passaggi per una presentazione più rapida</p>',
       es: '<p>Menos pasos para presentar objetos más rápido.</p>',
       pt: '<p>Menos passos para uma submissão mais rápida</p>',
       da: '<p>Færre trin til en hurtigere indsendelse</p>',
       sv: '<p>Färre steg för en snabbare inlämning</p>',
       no: '<p>Færre trinn for en raskere innlevering</p>',
       pl: '<p>Mniej kroków dla szybszego wystawienia przedmiotu</p>',
       'zh-Hant': '<p>更少的步驟,更快的提交</p>',
       'zh-Hans': '<p>更少的步骤,更快的提交</p>',
       hu: '<p>Kevesebb lépés a gyorsabb benyújtás érdekében</p>',
       ro: '<p>Mai puțini pași pentru o trimitere mai rapidă</p>',
       fi: '<p>Vähemmän vaiheita nopeampaan ilmoittamiseen</p>',
       el: '<p>Λιγότερα βήματα για ταχύτερη υποβολή</p>' },
    description: 
     { en: '<p><span class="u-color-dark-gray">Describing your object can now be done on one single page, speeding up the process and giving you a clearer overview of your submission.</span></p>',
       nl: '<p>Het beschrijven van je object kan nu op één enkele pagina, wat het proces sneller maakt en je een duidelijker overzicht geeft van je inzending.</p>',
       de: '<p>Die Beschreibung jedes Ihrer Objekte kann jetzt auf einer einzigen Seite erfolgen, was den Gesamtablauf beschleunigt und Ihnen einen klareren Überblick über Ihre Einreichung gibt.</p>',
       fr: '<p>Vous pouvez désormais décrire votre objet sur une seule page, ce qui accélère le processus et vous donne une vue d\'ensemble plus précise de la soumission de votre objet.</p>',
       it: '<p>Adesso puoi inserire la descrizione del tuo oggetto in un’unica pagina. In questo modo, il processo è più veloce e ti fornisce una panoramica più chiara della tua presentazione.</p>',
       es: '<p>Ahora puedes describir tu objeto en una sola página, acelerado el proceso y dándote una visión más clara de lo que presentas.</p>',
       pt: '<p>A descrição do seu objeto pode agora ser feita numa única página, acelerando o processo e dando-lhe uma visão mais clara da sua submissão.</p>',
       da: '<p>Beskrivelse af din genstand kan nu gøres på en enkelt side, hvilket fremskynder processen og giver dig et klarere overblik over din indsendelse.</p>',
       sv: '<p>Att beskriva ditt objekt kan nu göras på en enda sida, vilket påskyndar processen och ger dig en tydligare översikt över din inlämning.</p>',
       no: '<p>Å beskrive objektet ditt kan nå gjøres på en enkelt side, noe som fremskynder prosessen og gir deg en klarere oversikt over innsendingen.</p>',
       pl: '<p>Opisywanie przedmiotu można teraz wykonać na jednej stronie, co przyspiesza proces i zapewnia jaśniejszy przegląd oferty przedmiotu.</p>',
       'zh-Hant': '<p>現在可以在一個頁面上描述您的物品,從而加快流程並讓您更清楚地了解您提交的內容。</p>',
       'zh-Hans': '<p>现在可以在一个页面上描述您的物品,从而加快流程并让您更清楚地了解您提交的内容。</p>',
       hu: '<p>A tárgy leírása mostantól egyetlen oldalon is elvégezhető, ami felgyorsítja a folyamatot, és világosabb áttekintést nyújt a tárgyról.</p>',
       ro: '<p>Descrierea obiectului se poate face acum pe o singură pagină, accelerând procesul și oferindu-ți o imagine de ansamblu mai clară cu privire la procesul de trimitere.&nbsp;</p>',
       fi: '<p>Esineen kuvailu tapahtuu nyt yhdellä sivulla, mikä nopeuttaa prosessia ja antaa selkeämmän yleiskuvan ilmoituksestasi.</p>',
       el: '<p>Η περιγραφή του αντικειμένου σας μπορεί πλέον να γίνει σε μία μόνο σελίδα, επιταχύνοντας τη διαδικασία και προσφέροντάς σας μια πιο ξεκάθαρη συνολική εικόνα της υποβολής σας.</p>' },
    mediaType: 'image',
    videoAutoPlay: false,
    ctaText: 'Explore more' },
  { title: 
     { en: '<p>More exposure for your objects</p>',
       nl: '<p>Meer zichtbaarheid voor je objecten</p>',
       de: '<p>Mehr Sichtbarkeit für Ihre Objekte</p>',
       fr: '<p>Plus de visibilité pour vos objets</p>',
       it: '<p>Più visibilità per i tuoi oggetti</p>',
       es: '<p>Mayor exposición para tus objetos.</p>',
       pt: '<p>Maior visibilidade para os seus objetos</p>',
       da: '<p>Større eksponering for dine genstande</p>',
       sv: '<p>Mer exponering för dina objekt</p>',
       no: '<p>Mer eksponering for objektene dine</p>',
       pl: '<p>Większa ekspozycja dla Twoich przedmiotów</p>',
       'zh-Hant': '<p>為您的物品獲得更多的曝光</p>',
       'zh-Hans': '<p>让您的物品有更多曝光的机会</p>',
       hu: '<p>Nagyobb felület a tárgyak számára</p>',
       ro: '<p>O expunere mai mare pentru obiectele tale</p>',
       fi: '<p>Lisää näkyvyyttä esineillesi</p>',
       el: '<p>Μεγαλύτερη έκθεση για τα αντικείμενά σας</p>' },
    description: 
     { en: '<p><span class="u-color-dark-gray">By more accurately describing what makes your object so special, our experts can promote your objects to bigger audiences – in collections as well as auctions.</span></p>',
       nl: '<p>Door nauwkeuriger te beschrijven wat je object zo bijzonder maakt, kunnen onze experts je objecten onder de aandacht brengen bij een groter publiek – zowel in collecties als in veilingen.&nbsp;</p>',
       de: '<p>Indem Sie genauer beschreiben, was Ihr jeweiliges Objekt so besonders macht, können unsere Experten Ihre Objekte einem größeren Publikum präsentieren – sowohl in Kollektionen als auch in Auktionen.&nbsp;</p>',
       fr: '<p>En décrivant plus précisément ce qui rend votre objet si exceptionnel, nos experts peuvent le faire connaître à un public plus large, aussi bien dans les collections que dans les ventes.&nbsp;</p>',
       it: '<p>Descrivendo in modo più accurato ciò che rende speciale il tuo oggetto, i nostri esperti possono promuoverlo presso un pubblico più vasto, sia nelle collezioni che nelle aste.&nbsp;</p>',
       es: '<p>Al describir con mayor precisión lo que hace que tu objeto sea tan especial, nuestros expertos pueden promocionar tus objetos a un público más amplio, tanto en colecciones como en subastas.&nbsp;</p>',
       pt: '<p>Ao descrever o que torna o seu objeto tão especial de forma mais precisa, os nossos especialistas podem promover os seus objetos a um público maior - tanto em coleções como em leilões.&nbsp;</p>',
       da: '<p>Ved mere præcist at beskrive, hvad der gør din genstand så speciel, kan vores eksperter promovere dine genstande til et større publikum – i samlinger såvel som på auktioner.</p>',
       sv: '<p>Genom att mer exakt beskriva vad som gör ditt objekt så speciellt kan våra experter marknadsföra dina föremål till en större publik – i såväl samlingar som auktioner.&nbsp;</p>',
       no: '<p>Ved å beskrive mer nøyaktig hva som gjør objektet ditt så spesielt, kan ekspertene våre markedsføre objektene dine til et større publikum – både i samlinger og auksjoner.&nbsp;</p>',
       pl: '<p>Dzięki dokładniejszemu opisowi co sprawia, że Twój przedmiot jest tak wyjątkowy, nasi eksperci mogą promować Twoje przedmioty wśród szerszego grona odbiorców – zarówno w kolekcjach, jak i na aukcjach.&nbsp;</p>',
       'zh-Hant': '<p>通過更準確地描述是什麼讓您的物品如此獨特,我們的專家可以將您的物品推廣給更多的觀眾-無論是收藏還是拍賣。</p>',
       'zh-Hans': '<p>通过更准确地描述您的物品为什么如此特别,我们的专家可以将您的物品推广给更多的观众 — 无论是收藏系列还是拍卖。</p>',
       hu: '<p>Azáltal, hogy pontosabban leírja, mitől különleges a tárgya, szakértőink nagyobb közönség számára népszerűsíthetik azt – gyűjteményekben és aukciókon egyaránt.&nbsp;</p>',
       ro: '<p>Printr-o descriere mai exactă a ceea ce face ca obiectul tău să fie atât de special, experții noștri îți pot promova obiectele către un public mai mare – atât în colecții, cât și în licitații.&nbsp;</p>',
       fi: '<p>Kuvailemalla tarkemmin, mikä tekee esineestäsi erityisen, asiantuntijamme voivat mainostaa sitä suuremmalle yleisölle – sekä kokoelmissa että huutokaupoissa.&nbsp;</p>',
       el: '<p>Αν περιγράψετε με μεγαλύτερη ακρίβεια τι είναι αυτό που κάνει το αντικείμενό σας τόσο ιδιαίτερο, οι ειδικοί μας μπορούν να το προωθήσουν σε μεγαλύτερο κοινό - σε συλλογές και δημοπρασίες.&nbsp;</p>' },
    mediaType: 'image',
    videoAutoPlay: false,
    ctaText: 'Explore more' } ]

Which you can see many things are disappear from the original data.

Hello @maythee,

We are able to reproduce this on your space, however, because this is a custom component and the builder does not have much control, if you could please share the custom component code that would be much appreciated and help us reproduce this possible issue from our end. Thank you!

@manish-sharma I can’t share the code in public space. Do you have a ticket that I can share privately? This will be more issue if I have to open the code here.

Also, the component is mostly like this

export const FAQ: FC<Props> = ({
  title,
  description,
  content = [],
  notes,
  action,
  actionVariant = ActionVariant.NONE,
  locale,
  attributes,
  builderBlock,
  builderState,
}) => {
  return <div>{title} {description} {content}</div>
})

with the inputs

Builder.registerComponent(FAQ, {
    name,
    inputs: [
      componentLinkIdInput(),
      {
        name: 'title',
        friendlyName: 'Title',
        type: 'CatawikiEditor'
      },
      {
        name: 'description',
        friendlyName: 'Description',
        type: 'CatawikiEditor',
        defaultValue: 'Description example',
      },
      ...actionButtonInput({}),
      {
        name: 'notes',
        friendlyName: 'Notes',
        type: 'CatawikiEditor',
        defaultValue: 'Notes example',
      },
      {
        name: 'content',
        friendlyName: 'Content',
        type: 'list',
        subFields: [
          {
            name: 'title',
            friendlyName: 'Question',
            type: 'CatawikiEditor',
            required: true,
          },
          {
            name: 'content',
            friendlyName: 'Answer',
            type: 'CatawikiEditor',
            required: true,
          },
          { name: 'actionVariant', type: 'string', enum: ['none', 'tertiary'] },
          {
            name: 'actionLabel',
            friendlyName: 'CTA label',
            type: 'CatawikiEditor',
          },
          {
            name: 'actionUrl',
            friendlyName: 'CTA url',
            type: 'CatawikiPlainEditor',
          },
        ],
      },
      backgroundColorInput('white'),
    ],
    noWrap: true,
  });

Also, anyway I can schedule a call and shows the problem because this issue is blocking our marketing team currently.

Hi @maythee,

Could you please reach out to us with a ticket at support@builder.io?