Fast Refresh Demo

Fast Refresh is a Next.js feature that gives you instantaneous feedback on edits made to your React components, without ever losing component state.


Auto incrementing value. The counter won't reset after edits or if there are errors.

Current value: 0


Component with state.


The button below will throw 2 errors. You'll see the error overlay to let you know about the errors but it won't break the page or reset your state.