TypedLink and useTypedRoute

[Zeko369]

What do you want and why?

From @blitzjs/next export 2 new utils

1. <TypedLink> allowing us to write typesafe links by default
2. useTypedRoute when called without props it's the same as useRouter but enforces the use of typesafe routes in push/replace, but if called with a prop also types router.query (example below)

Possible implementation(s)

Super simple example of just key + args way of doing it, we could also make it so it's either Routers.Page or This way

const TypedLink = <T extends keyof typeof Routes>({}: { page: T } & Parameters<
  typeof Routes[T]
>[0]) => {
  ...
}

const useTypeSafeRouter = <T extends keyof typeof Routes>(
  page: T
): Omit<NextRouter, "query"> & { query: Parameters<typeof Routes[T]>[0] } => {
  return useRouter()
}

Additional context

This can be done in userland, but if we make it so it has to be done in userland a lot of people will ignore it, this will make it easier to "enforce better practices on people"