Lightrun
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.

Fast Refresh does not work @latest

See original GitHub issue

Verify canary release

  • I verified that the issue exists in Next.js canary release

Provide environment information

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 21.3.0: Wed Jan  5 21:37:58 PST 2022; root:xnu-8019.80.24~20/RELEASE_ARM64_T8101
Binaries:
  Node: 17.5.0
  npm: 8.4.1
  Yarn: N/A
  pnpm: N/A
Relevant packages:
  next: 12.1.2
  react: 18.0.0
  react-dom: 18.0.0

warn - Latest canary version not detected, detected: “12.1.2”, newest: “12.1.3-canary.0”. Please try the latest canary version (npm install next@canary) to confirm the issue still exists before creating a new issue. Read more - https://nextjs.org/docs/messages/opening-an-issue

What browser are you using? (if relevant)

Chrome 99.0.4844.83 (Official Build) (arm64)

How are you deploying your application? (if relevant)

No response

Describe the Bug

Just installed a new project with npx create-next-app@latest, and fast refresh is not working.

Expected Behavior

For the browser to refresh when I save a change in my code editor.

To Reproduce

npx create-next-app@latest

start project with npm run dev

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:2
  • Comments:14 (5 by maintainers)

github_iconTop GitHub Comments

7reactions
timneutkenscommented, Mar 30, 2022

Figured out the problem and opened a PR here: https://github.com/vercel/next.js/pull/35718 We’ll get it out today 🙏

6reactions
djxycommented, Mar 30, 2022

For those who have this issue. You need to downgrade the react version to 17.0.2 for react and react-dom.

The latest React version changed in the last day, from 17.0.2 to 18.0.0.

Read more comments on GitHub >

github_iconTop Results From Across the Web

React fast refresh doesn't work · Issue #161 · callstack/repack
I'm using a completely fresh react native project and the example webpack config. Every time I change a file the app does a...
Read more >
React-native Fast Refresh broken - Stack Overflow
I have to stop and uninstall the app, run npm run -- --reset-cache and then run npm run android again in order to...
Read more >
Basic Features: Fast Refresh - Next.js
Next.js' Fast Refresh is a new hot reloading experience that gives you instantaneous feedback on edits made to your React components.
Read more >
How To Troubleshoot Materialized View Fast Log Timestamp ...
This note was created to facilitate troubleshooting materialized view fast log timestamp-based refresh performance issues. MV Fast Refresh ...
Read more >
New Fast Refresh Feature in React Native 0.61
It didn't work reliably for function components and often failed to update the screen. It wasn't resilient to typos and mistakes and most...
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
Previous page

_document.js does not work for React.JS v18

Next page

12.1.3-canary.0 breaks catch-all dynamic routes with Edge runtime