datocms
diff --git a/‎docs/meta-tags.md‎
Lines changed: 23 additions & 2 deletions b/‎docs/meta-tags.md‎
Lines changed: 23 additions & 2 deletions
diff --git a/‎examples/index.html‎
Lines changed: 15 additions & 0 deletions b/‎examples/index.html‎
Lines changed: 15 additions & 0 deletions
@@ -62,11 +62,10 @@ renderMetaTags([...data.page.seo, ...data.site.favicon]);
 
 This function generates React `<meta>` and `<link />` elements, so it is compatible with React packages like [`react-helmet`](https://www.npmjs.com/package/react-helmet).
 
-For a complete example take a look at our [examples directory](https://github.com/datocms/react-datocms/tree/master/examples).
-
 ```js
 import React from 'react';
 import { renderMetaTags } from 'react-datocms';
+import { Helmet } from 'react-helmet';
 
 function Page({ data }) {
   return (
@@ -79,6 +78,28 @@ function Page({ data }) {
 }
 ```
 
+In React 19+, you can also directly use meta tags in JSX without any external libraries: https://react.dev/blog/2024/12/05/react-19#support-for-metadata-tags
+
+```js
+import React from 'react';
+import { renderMetaTags } from 'react-datocms';
+
+function Page({ data }) {
+  return (
+    <div>
+        {
+            renderMetaTags([...data.page.seo, ...data.site.favicon])
+            // returns an array of JSX elements like
+            // <title/>, <link/>, <meta/>, etc.
+        } 
+    </div>
+  );
+}
+```
+
+For a complete React 19 example, take a look at our [examples directory](https://github.com/datocms/react-datocms/tree/master/examples).
+
+
 ## `renderMetaTagsToString()`
 
 This function generates an HTML string containing `<meta>` and `<link />` tags, so it can be used server-side.
 
@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>DatoCMS Plugin</title>
+</head>
+
+<body>
+<div id="root"></div>
+<script type="module" src="./src/index.jsx"></script>
+</body>
+
+</html>