How to route to or navigate to a route programmatically in nextjs class component?

Question

I am building a simple app using nextjs. most of my components are functional components. However, I have a class component to handle form.

I want to redirect to the home page after the form is submitted. console.log(this.router) gives undefined. Since it is a class component I can't use useRouter() hook. How do I get reference to router in class components in next.js?

Answer 1

Finally I got the answer,

import Router from 'next/router'

and use Router.push(...)

With Next 13 onwards, import router from next/navigation