{resource.title}

I use React Helmet. I wanted to inject social meta tags in some of the pages. In order to DRY, I wanted to define these social meta tags as a separate component, which looks as below: ```typescript type SocialMetaProps = { title: string, description: string, } const SocialMeta = ({ title, description }: SocialMetaProps) => { return ( <> ) } export default SocialMeta ``` ...which looks as such when I use it in a page: ```typescript {resource.title} ``` The problem with that is that `SocialMeta` component does not render anything. I can confirm it by firing up browser console and doing `document.head.getElementsByTagName("meta")`. However, if I do it as below: ```typescript {resource.title} ``` ...it naturally renders the tags. My best guess is that Helmet does not unpack `<>`. Is there a way to render a custom component inside `Helmet` component? Thanks in advance. *** # Environment - Vite - Typescript - React ^18.2.0 - Helmet ^6.1.0 - React Router (DOM) ^6.20.1 (if relevant)