import * as React from "react"; import { connect, Head } from "frontity"; import { Connect } from "frontity/types"; import { Packages } from "../../types"; /** * Render all head tags from the current entity. * * @param props - Frontity props injected by {@link connect}. * @returns A element with all head tags inside. */ const Root: React.FC> = ({ state }) => { // Get current link. const { link } = state.router; const { transformLinks } = state.headTags; // Get if current link is ready. const { isReady } = state.source.get(link); // Get the head tags for that link. const headTags = React.useMemo(() => state.headTags.get(link), [ state.frontity.url, state.router.link, state.source.api, transformLinks, transformLinks && transformLinks.base, transformLinks && transformLinks.ignore, isReady, ]); // Render all tags inside . return ( {headTags.map(({ tag: Tag, attributes, content }, index) => { return ( {content} ); })} ); }; export default connect(Root);