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.

easy-peasy no longer working properly with Fast Refresh

See original GitHub issue

Fast refresh is not working properly with easy-peasy. I’ve reproduced the issue in this codesandbox:

chrome_NVK65pZfLX

I’m not sure what caused this, as it has been working properly previously.

Current versions:

  • easy-peasy@5.0.4
  • react@17.0.2
  • react-scripts@4.0.3
  • react-refresh@0.11.0

One workaround, is to use a // @refresh reset comment - but this is quite tedious.

Maybe related to this issue as well: https://github.com/ctrlplusb/easy-peasy/issues/477

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:4
  • Comments:19 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
jmyrlandcommented, Sep 16, 2022

@ctrlplusb easy-peasy@5.1.0-alpha.3 is working great! 🎉 Here is the updated sandbox.

The sandbox uses react-scripts, but I’ve also tested it with react with vite & @vitejs/plugin-react.

~1400 unit testst still passing 👍

1reaction
jmyrlandcommented, Feb 22, 2022

I’ve been experiencing this same issue as well.

@ctrlplusb @jmyrland fwiw, I tried using the provided codesandbox above and bumping the versions down the to versions found in the linked CRA issue (react, react-dom, and react-scripts) and it still does not seem to work: https://codesandbox.io/s/xenodochial-darkness-ci11b5?file=/src/Counter.tsx

My guess is, that this issue is caused by some peer dependency upgrade related to these packages. I’ll try (as soon as I get some spare time) to go backwards through our revisions to see when this stopped working.

Read more comments on GitHub >

github_iconTop Results From Across the Web

The fashion editor's easy-peasy guide to refreshing your ...
The fashion editor's easy-peasy guide to refreshing your wardrobe (without having to declutter). Want to get the best out of your clothes, ...
Read more >
react easy-peasy component is not rerendered when the ...
I used updatedAt to generate time on each update to let's react know there is a differences on the value and trigger rerender...
Read more >
Language Arts 5 - Easy Peasy All-in-One Homeschool
This course contains only the language arts (writing, spelling, grammar) lessons from English 5/Level 5. Course Description: Students will improve their writing ...
Read more >
ActiveAgency Website Refresh - Forge3
Here's how it works. Easy peasy. Simple pricing. Just like it should be. A few details and what to expect. New ActiveAgency version...
Read more >
Kohler's Bakery - Quick Summer Menu Refresh for EASY ...
Quick Summer Menu Refresh for EASY PEASY Preordering. ☎️Call in during business hours to have your order boxed or bagged and ready for...
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