Head with meta information (nextjs)

Head.js

import NextHead from 'next/head';

export const Head = ({
    title,
    image,
    imageAlt,
    description,
    author,
    keywords,
}) => {
    return <NextHead>
        { title
        && (
            <title>
                {title}
            </title>
        )}
        { author ? <meta name="author" content="Anna Lyse" /> : null}
        { description ? <meta property="description" content={description} /> : null}
        { keywords ? <meta name="keywords" content={keywords} /> : null}

        { image ? <meta property="og:image" content={image} /> : null}
        { description ? <meta property="og:description" content={description} /> : null}
        { title ? <meta property="og:title" content={title} /> : null}
        { title ? <meta property="twitter:title" content={title} /> : null}

        <meta name="twitter:card" content="summary" />
        <meta name="twitter:creator" content="@chrisheyntweets" />
        { image ? <meta property="twitter:image" content={image} /> : null}
        { imageAlt ? <meta property="twitter:image:alt" content={imageAlt} /> : null}
        { description ? <meta property="twitter:description" content={description} /> : null}
    </NextHead>
};