[FIXED] How to fix x does not exist on type AppRouterInstance in Next.js 13?

Issue

When I import useRouter from 'next/navigation? I get this error:

Property 'query' does not exist on type 'AppRouterInstance'.

import { useRouter } from 'next/navigation';

const {
    query: { id },
 back
} = useRouter();

If I use the old 'next/router', I get this error in browser. How can I fix this?

Solution

It is because the 'query' object has been removed from useRouter hook. So right now, you have to use 'useSearchParams()'. Check out new documentation here

Answered By - doomian
Answer Checked By - - Marie Seifert (ReactFix Admin)