question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

wait set to true still load the component

See original GitHub issue

I’m experiencing a flickering effect when loading a component where I use wait: true.

Example to reproduce:

@translate(['common', 'app'], { wait: true })
class App extends Component {
  render() {
    const { t } = this.props
    return (
      <div className={ t('key2') }>
        { t('key1') }
        <div>{ t('common1') }</div>
      </div>
    )
  }
}

When application is loaded I see the component rendered with translation ids for few millisecs, then they are replaced by proper translations.

Isn’t the wait option used for preventing this?

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:11 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
jamuhlcommented, Mar 14, 2017

if you like open a new issue - requesting it. so you get an update when implemented.

1reaction
keulcommented, Jan 10, 2017

It works! Thanks you 🍻

Read more comments on GitHub >

github_iconTop Results From Across the Web

React - correct way to wait for page load? - Stack Overflow
I would suggest you to use a state in the Main component of your application (usually App.jsx) which will control loading.
Read more >
How to get Selenium to wait for a page to load - BrowserStack
Wondering how to wait for a web page to load in Selenium testing? Read tutorial to understand 3 methods to execute the same....
Read more >
Use Selenium wait for page to load with Python [Tutorial]
Fluent wait in Selenium Python lets you control the polling frequency which is by default set to 250 ms in Explicit wait. Do...
Read more >
Component testing scenarios - Angular
A component-under-test doesn't have to be injected with real services. ... It must wait a tick to set the errorMessage in order to...
Read more >
Async Methods - Testing Library
When in need to wait for any period of time you can use waitFor , to wait for your expectations to pass. Returning...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found