Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions contributors.yml
Original file line number Diff line number Diff line change
Expand Up @@ -382,6 +382,7 @@
- willsawyerrrr
- willsmithte
- wkovacs64
- woodywoodsta
- xavier-lc
- xcsnowcity
- xdaxer
Expand Down
10 changes: 5 additions & 5 deletions docs/start/framework/route-module.md
Original file line number Diff line number Diff line change
Expand Up @@ -309,9 +309,9 @@ export default function Root() {

## `meta`

Route meta defines meta tags to be rendered in the `<head>` of the document.
Route meta defines meta tags to be rendered in the `<Meta />` component, usually placed in the `<head>`.

```tsx
```tsx filename=app/product.tsx
export function meta() {
return [
{ title: "Very cool app" },
Expand All @@ -327,9 +327,7 @@ export function meta() {
}
```

All routes' meta will be aggregated and rendered through the `<Meta />` component, usually rendered in your app root:

```tsx
```tsx filename=app/root.tsx
import { Meta } from "react-router";

export default function Root() {
Expand All @@ -345,6 +343,8 @@ export default function Root() {
}
```

The meta of the last matching route is used, allowing you to override parent routes' meta. It's important to note that the entire meta descriptor array is replaced, not merged. This gives you the flexibility to build your own meta composition logic across pages at different levels.

**See also**

- [`meta` params][meta-params]
Expand Down