# How to Use LinkProvider for Next.js and React Router with Astryx > Learn to integrate LinkProvider with Next.js and React Router in Astryx. Replace default links with your routing library's component for seamless navigation. - Repository: [Meta/astryx](https://github.com/facebook/astryx) - Tags: how-to-guide - Published: 2026-08-05 --- **Wrap your application in `LinkProvider` and pass your routing library's Link component to replace the default `` element across all Astryx `Link` components.** The `LinkProvider` in Astryx enables framework-agnostic navigation by injecting a custom link component through React context. This lets you use Next.js `next/link` or React Router's `Link` throughout your Astryx UI without modifying individual components. --- ## How LinkProvider Works Astryx delegates rendering to a provider-driven architecture: 1. **Context creation** – `LinkProvider` instantiates `LinkContext` defined in [`packages/core/src/Link/LinkContext.ts`](https://github.com/facebook/astryx/blob/main/packages/core/src/Link/LinkContext.ts), storing a `component` value that defaults to `undefined`. 2. **Component resolution** – The `useLinkComponent` hook in [`packages/core/src/Link/Link.tsx`](https://github.com/facebook/astryx/blob/main/packages/core/src/Link/Link.tsx) reads this context. When a component exists, it renders that; otherwise it falls back to a native `` element. 3. **Polymorphic rendering** – The `Link` component accepts an `as` prop (`as?: LinkComponentType`) for per-instance overrides, bypassing the provider when needed. 4. **Button fallback** – When `href` is omitted, `Link` renders a `