import React, { useEffect, useState } from 'react' import Head from 'next/head' import { useTranslations } from 'next-intl' interface Props { page: string } const AboutHead = ({ page }: Props) => { // Import translations const t = useTranslations('common') // State const [currentPage, setCurrentPage] = useState('about') // Hooks useEffect(() => { setCurrentPage(page) }, [page]) return ( {/* HTML */} {t(`page.titles.${currentPage}`)} {/* OpenGraph */} {/* Twitter */} ) } export default AboutHead