React variables are visible

[tanzeelazad95]

We have followed the Reaction Development Platform to install Reaction.

Prerequisites

• Are you running the latest version?
• Are you able to consistently reproduce the issue?

Issue Description

"The labels aren't loading all the time, it displays React variables. The issue exists in Chrome, firefox
and safari."
Screenshot

Steps to Reproduce

1. Login to reaction
2. Navigate the pages
3. Refresh the page

You will see that react variables are showing instead of labels.

Possible Solution

The labels should be shown on refreshing the page instead of react variables

System information

• MAC OS Catalina
• Ubuntu 20.04 LTS

[kieckhafer]

Thanks for the reported issue, @tanzeelazad95.

The reaction-development-platform repository is used to bootstrap the project and get it up and running, but issues regarding the API, Admin, Storefront, or anything outside the initial build are better suited in their respective project repositories.

I'm going to move this issue to the reaction-admin repo.

[kieckhafer]

Hi @tanzeelazad95, what you are seeing are actually the translations keys, not React variables.

I am not able to reproduce:

Be sure you have at least english translations available with those keys.

[ghost]

I'm able to reproduce this issue by opening beta.7 or beta.9 and refreshing the page after clicking Orders:

It's a duplicate of #310 as both are caused due to a race condition/missing suspense for translation text.

[mian-muhammad]

@kieckhafer I am also able to reproduce it in reaction-admin v3.0.0-beta.8

[brent-hoover]

fwiw I also see this issue when running this on the latest tip of reaction-admin. Sometimes it render correctly, sometimes not. Refreshing a few times usually works around it, but it seems to be clearly a race condition issue. (there are a ton of these in the latest admin)