import Head from 'next/head'; import React from 'react'; import type { Route } from 'nextjs-routes'; import type { Props as PageProps } from 'nextjs/getServerSideProps/handlers'; import config from 'configs/app'; import * as metadata from 'lib/metadata'; interface Props { pathname: Pathname; query?: PageProps['query']; apiData?: PageProps['apiData']; } const PageMetadata = (props: Props) => { const { title, description, opengraph, canonical } = metadata.generate(props, props.apiData); return ( { title } { canonical && } { /* OG TAGS */ } { opengraph.description && } { /* Twitter Meta Tags */ } { opengraph.description && } { /* Prevent auto zoom in inputs on mobile */ } ); }; export default PageMetadata;