fix for gatsbyjs airtable blog

gistfile1.txt

<Box>
  {posts
    .filter(post => post.node.title.length > 0)
    .map(({ node: post }, index) => {
      return (
        <Box key={post.id}>
          <Link to={post.slug} className={linkStyles}>
            <Timestamp>{post.date}</Timestamp>
            <h3>{post.title}</h3>
            <div 
            style={{
              backgroundImage: 'url(' + post.image[0].url + ')',
              backgroundSize: '100%',
              backgroundPosition: 'center',
              width:'100%', 
              height:'15rem' 
              }}>
            </div>
            <p
            style={{
              marginTop: '1rem',
              marginBottom: '2rem',
            }}>
              <div 
              dangerouslySetInnerHTML={{ 
              __html: String(unified()
              .use(markdown)
              .use(html)
              .processSync(post.PostMarkdown.split(/\s+/).slice(0,35).join(" ")))
              }} /> 
            </p>
        </Link>
      </Box>
    );
  })}
</Box>