unstable_useRoute

[pcattori]

export function AddToCart() {
  const productRoute = useRoute("routes/product")
  if (productRoute === undefined) throw new Error("Expected to be within product route")
  const { loaderData, actionData } = productRoute
  //          ^^^^^^^^^^^^^^^ these are now type-safe!
  return <div>{/* ... */}</div>
}

TODO

• Register RouteModules type as a lookup from route ID to route module
• Create new type-safe hook: useRoute<T>(routeId: T): UseRoute<T> | undefined
• tests
  • Make sure to test eager declarations for route module exports (i.e. const not function)
• changeset

[changeset-bot]

🦋 Changeset detected

Latest commit: a2bb8ab

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 11 packages

Name	Type
@react-router/dev	Patch
react-router	Patch
@react-router/fs-routes	Patch
@react-router/remix-routes-option-adapter	Patch
@react-router/architect	Patch
@react-router/cloudflare	Patch
react-router-dom	Patch
@react-router/express	Patch
@react-router/node	Patch
@react-router/serve	Patch
create-react-router	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

Alpha release created: 0.0.0-experimental-c19b79d

⚠️ Note: This release was created from the HEAD of this branch so it may contain commits that have landed in dev but have not been released yet depending on when this branch was created. You can run the following command to see the commits that may not have been released yet:

git log --pretty=oneline [email protected]