[Bug] Website Title Not Rendered Correctly and Meta Description Is Not Set At All about personal-site HOT 5 CLOSED

import { React, useEffect } from 'react';

function UpdateMetaDesc(MetaDec) {
  const MetaDescEle = document.querySelector('meta[name=description]');

  if (MetaDescEle) {
    if (MetaDescEle.getAttribute('content') !== MetaDec) {
      document.querySelector('meta[name="description"]').setAttribute('content', MetaDec);
    }
  } else {
    const meta = document.createElement('meta');
    meta.name = 'description';
    meta.content = MetaDec;
    document.getElementsByTagName('head')[0].appendChild(meta);
  }
}

const Main = (props) => {
  useEffect(() => {
    UpdateMetaDesc(props.description);
  });
  return (
    <HelmetProvider>
      <Analytics />
      <ScrollToTop />
      <div id="wrapper">
        <Navigation />
        <div id="main">
          {props.children}
        </div>
        {props.fullPage ? null : <SideBar />}
      </div>
      <Footer />
      <Helmet titleTemplate="Ray Liu | %s" defaultTitle="Ray Liu" defer={false}>
        {props.title && <title>{props.title}</title>}
        <meta name="description" content={props.description} />
      </Helmet>
    </HelmetProvider>
  );
};