<script> tags can't have inline script text about react-helmet-async HOT 4 CLOSED

import React from 'react';
import PropTypes from 'prop-types';
import { Helmet } from 'react-helmet-async';

const Post = ({ post }) => {
  return (
    <div>
      <Helmet>
        <meta name="title" content={post.title} />
        <meta name="description" content={post.description} />
        <script type="application/ld+json">
          {`
           {
               "@context": "https://schema.org",
               "@type": "NewsArticle",
               "headline": "${post.title}",
               "datePublished": "${post.createdAt}",
               "dateModified": "${post.modifiedAt}"
           }
        `}
        </script>
      </Helmet>
      <div>
        <h1>{post.title}</h1>
        <p>{post.description}</p>
      <div>
    </div>      
  );
};

Post.propTypes = {
  post: PropTypes.object
};

export default Post;