Add support for popular routers

[remcohaszing]

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and discussions and couldn’t find anything (or linked relevant results below)

Problem

Some file system based routers define types for their routes. For example:

• Next.js: https://nextjs.org/docs/app/api-reference/file-conventions/page#page-props-helper
• React Router: https://reactrouter.com/explanation/type-safety

Current solutions

Add manual type annotations.

{/* Next.js app/blog/[slug]/page.mdx */}

{/** @typedef {PageProps<'/blog/[slug]'>} Props */}

# Welcome to {props.params.then((params) => params.slug)}

Proposed solutions

Maybe we can detect popular frameworks such as Next.js and React Router, and inject their props type annotations automatically.

{/* Next.js app/blog/[slug]/page.mdx */}

# Welcome to {props.params.then((params) => params.slug)}

The main question is whether we should.