nextjs-hmr-bug

Project to demonstrate an error when clicking on a link in next.js in dev mode.

How to reproduce

• npm i
• npm run dev
• navigate to http://localhost:3000/
• click on the link

Notice that after reloading the linked page once, the error is gone.

Other branches

There are three other branches:

• fix-by-removing-export demonstrates that the bug can be avoided by removing an interface export in src/types.ts
• fix-by-removing-sass-import demonstrates that the bug can be avoided by removing the import of the about.scss file
• break-by-removing-css-import demonstrates that removing the import of index.css will break the link. Clicking will have no effect. Maybe it is related to the hmr bug.