Next.js dynamic route param typesafety - Theo's Typesafe Cult

Theo's Typesafe Cult•4y ago•

4 replies

Next.js dynamic route param typesafety

Is there a better solution than this? Feels annoying to do this for every dynamic route.

// [userId].tsx

const UserPage: NextPage = () => {
  const { query } = useRouter();

  const userId =
    (Array.isArray(query.userId) ? query.userId[0] : query.userId) || "";

  return <div>{userId}</div>;
};

// [userId].tsx

const UserPage: NextPage = () => {
  const { query } = useRouter();

  const userId =
    (Array.isArray(query.userId) ? query.userId[0] : query.userId) || "";

  return <div>{userId}</div>;
};