Back to Type Challenges

README

questions/33345-extreme-dynamic-route/README.md

latest2.3 KB
Original Source
<!--info-header-start--><h1>Dynamic Route </h1><blockquote><p>by 0753 <a href="https://github.com/0753Ljuc" target="_blank">@0753Ljuc</a></p></blockquote><p><a href="https://tsch.js.org/33345/play" target="_blank"></a> </p><!--info-header-end-->

Given below routes, infer its dynamic params.

RouteParams Type Definition
/blog/[slug]/page.js{ slug: string }
/shop/[...slug]/page.js{ slug: string[] }
/shop/[[...slug]]/page.js{ slug?: string[] }
/[categoryId]/[itemId]/page.js{ categoryId: string, itemId: string }
/app/[...foo]/[...bar]never - It's ambiguous as we cannot decide if b on /app/a/b/c is belongs to foo or bar.
/[[...foo]]/[slug]/[...bar]never
/[first]/[[...foo]]/stub/[...bar]/[last]{ first: string, foo?: string[], bar: string[], last: string }
<!--info-footer-start-->

<a href="../../README.md" target="_blank"></a> <a href="https://tsch.js.org/33345/answer" target="_blank"></a> <a href="https://tsch.js.org/33345/solutions" target="_blank"></a> <!--info-footer-end-->