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