TranslatePress Compatibility Issues with Astra Pro Theme

There are compatibility issues between TranslatePress and Astra Pro themes, and the following compatibility issues are currently known:

Styles are messed up: Translated page layouts or font styles do not match the original language.

The menu gives the following error:

<nav role="navigation" aria-label="Chapelure" class="breadcrumb-trail breadcrumbs" data-no-translation-aria-label="">
  <div class="ast-breadcrumbs">
    <ul class="trail-items">
      <li class="trail-item trail-begin">
        <a href="https://xxxxx.com/fr/" rel="home">
          <span data-no-translation="" data-trp-gettext="">Accueil</span></a>
      </li>
      <li class="trail-item trail-end">
        <span>
          <span>#!31jeu, 20 Mar 2025 05:39:21 +00002131#31jeu, 20 Mar 2025 05:39:21 +0000Z-5+00:003131+00:00202531 20am31am-31jeu, 20 Mar 2025 05:39:21 + 00005+00:003131+00:002025312025jeu, 20 Mar 2025 05:39:21 +0000395393amjeudi=778#!31jeu, 20 Mar25 05:39:21 +0000Z+00:003#2025#! 31jeu, 20 Mar25 05:39:21 +0000Z2131#/31jeu, 20 Mar25 05:39:21 +0000Z-5+00:003131+00:00202531#!31jeu, 20 Mar25 05:39:21 +0000Z+00. 003#</span></span>
      </li>
    </ul>
  </div>
</nav>
</div>
</div>

In its original state it was:

<nav role="navigation" aria-label="Breadcrumbs" class="breadcrumb-trail breadcrumbs">
  <div class="ast-breadcrumbs">
    <ul class="trail-items">
      <li class="trail-item trail-begin">
        <a href="https://xxxxx.com/" rel="home">
          <span>Home</span></a>
      </li>
      <li class="trail-item trail-end">
        <span>
          <span>2025</span></span>
      </li>
    </ul>
  </div>
</nav>
</div>
</div>

How can the problem be solved?

Open translatepress background settings page, switch to advanced tab, click debug tab, check Disable translation for gettext strings, as shown in the following figure: