Dynamic data translation and react-i18next

Question

I don't understand why dynamic string translations won't work on this code. Static strings are translated but not the dynamic values, even though they are in the same translation files.

selectedSku ? (
 <>
 
 <button className="bg-primary" onClick={addCartExternalPrice}> add cart external
 price{selectedSku}</button>
 <button className="bg-secondary" onClick={getSkuOptions}>Get sku options
 from {selectedSku} </button>
 <div>
 {skuOptions && skuOptions.length > 0 ? (
 skuOptions.map((option) => (
 <div key={option.id}>
 <button
 className="bg-secondary">{**t(option.name)**} - {option.formatted_price_amount}</button>
 **{t("Elevate Your Digital Presence")}**
 </div>
 ))
 ) : (
 <div>No options available for this SKU.</div>
 )}
 </div>
 </>

Pretty much everything I understand.

• natashap: What does your option.name return? Is that string a key in your json file? Please elaborate
• Leonel Matias Domingos: yes is a key in my file ...
• pumpkin: Can you share your translation file?
• Leonel Matias Domingos: hi. Its fixed. Some strange characters because copy paste ...Thanks