Blank page after router.push() in Next.js?
How to solve the blank page after you programmatically call router.push() in Next.js?
When working in Next.js, do you see a blank page after you programmatically call router.push()
?
I had this problem too, and here’s how I solved it.
Don’t write return
after calling router.push()
, and don’t use it as a return value.
Never use return
when you use it.
For example, don’t do this:
router.push('/')
return
And don’t do this:
return router.push('/')
Do this:
router.push('/')
→ Here's my latest YouTube video
→ Get my Next.js (pages router) Handbook
→ I wrote 17 books to help you become a better developer, download them all at $0 cost by joining my newsletter
→ JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025