Hi. I'm trying to navigate to a path with param in app directory.

My page file is located: /app/user/[userId]/page.tsx

What is the equivalent to this pages directory code for app directory?

import { useRouter } from "next/router";

const router = useRouter();
const userId = 1;

router.push({ pathname: router.pathname, query: { userId } });

I would prefer not to use syntax like this: router.push("/user/1")