Next.js hard refreshes when state changes

[Devric]

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. using the default counter example
2. change the count by onClick={()=>increment(1)}
3. the page refreshes

Expected behavior
The page should not refresh when state changes

Screenshots
N/A

Desktop (please complete the following information):
Macos, Chrome

Smartphone (please complete the following information):
N/A

Additional context
N/A

[Devric]

need to handle event.preventDefault in next.js, not an issue of this library