text: import React from 'react';
  import { Helmet, HelmetProvider } from 'react-helmet-async';
  
  const Meta = (props) => {
      return (
          <HelmetProvider>
              <Helmet>
                  <meta charset="utf-8" />
                  <title>{props.title}</title>
                  <meta name="description" content={props.description} />
                  <meta name="keywords" content={props.keywords} />
                  <meta name="author" content={props.author} />
                  <meta property="og:type" content={'website'} />
                  <meta property="og:title" content={props.title} />
                  <meta property="og:description" content={props.description} />
                  <meta property="og:image" content={props.image} />
                  <meta property="og:url" content={props.url} />
              </Helmet>
          </HelmetProvider>
      );
  };
  
  Meta.defaultProps = {
      title: '카카오 검색',
      description: '카카오 OpenAPI를 사용한 통합 검색',
      keywords: 'React, kakao, OpenAPI',
      author: '이병민',
      image:
          window.location.protocol +
          '//' +
          window.location.hostname +
          ':' +
          window.location.port +
          '/Logo.png',
      url: window.location.href,
  };
  
  export default Meta;
  