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.
JSX pragma slow in dev mode
See original GitHub issueCurrent behavior:
In dev mode, using the jsx pragma, my app is taking several seconds to render.
To reproduce:
Render an app with a lot of react elements using the jsx pragma
Environment information:
reactversion: 16.8.6@emotion/coreversion: 10.0.14
Actually, I’m using it via theme-ui with the sx prop, but after profiling I found the bottleneck is this line from emotion core:
I’m creating the issue just in case there’s some easy optimization to replace the new Error bottleneck. Feel free to close it otherwise.
Issue Analytics
- State:
- Created 4 years ago
- Reactions:4
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
I am experiencing the same issue. Both on initial render and on rerenders. Having to render 3 divs with css prop takes 2.5ms on development and 0.015ms on production.
I’ve tried but I can’t repro this, for this to get fixed (or handled somehow) you’d have to share a repro case, share your environment (versions etc). Closing this for now as no enough information has been shared - but feel free to ask for reopening or just open a new issue if you still suffer from this.