diff --git a/docs/meta-tags.md b/docs/meta-tags.md index b38b2d3..64ed277 100644 --- a/docs/meta-tags.md +++ b/docs/meta-tags.md @@ -62,11 +62,10 @@ renderMetaTags([...data.page.seo, ...data.site.favicon]); This function generates React `` and `` 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 ( +
{log.join('\n')}