Add a warning about using React 19 meta API instead of meta function. (#13586)

Bricklou · timdorr · web-flow · commit b2b38e82307f · 2025-05-19T09:05:45.000-04:00
* Add a warning about using React 19 meta API instead of meta function.

* Add username to contributors.yml

* Update docs/start/framework/route-module.md

* Update docs/start/framework/route-module.md

---------

Co-authored-by: Tim Dorr &lt;timdorr@users.noreply.github.com&gt;
diff --git a/contributors.yml b/contributors.yml
@@ -388,3 +388,4 @@
 - yuleicul
 - zeromask1337
 - zheng-chuang
+- Bricklou
diff --git a/docs/start/framework/route-module.md b/docs/start/framework/route-module.md
@@ -311,6 +311,30 @@ export default function Root() {
 
 Route meta defines meta tags to be rendered in the `<head>` of the document.
 
+<docs-warning>
+
+Since React 19, [using the built-in `<meta>` element](https://react.dev/reference/react-dom/components/meta) is recommended over the use of the route module's `meta` export.
+
+Here is an example of how to use it and the `<title>` element:
+
+```tsx
+export default function MyRoute() {
+  return (
+    <div>
+      <title>Very cool app</title>
+      <meta property="og:title" content="Very cool app" />
+      <meta
+        name="description"
+        content="This app is the best"
+      />
+      {/* The rest of your route content... */}
+    </div>
+  );
+}
+```
+
+</docs-warning>
+
 ```tsx
 export function meta() {
   return [
