Posts.tsx

import React, { FunctionComponent } from 'react'

type Props = {
  posts: readonly RedditPost[]
  subreddit: string
}

const Posts: FunctionComponent<Props> = ({ posts, subreddit }) => (
  <div>
    <h1>Posts in "{subreddit}"</h1>
    <ul>
      {posts.map(post => (
        <li key={post.data.id}>{post.data.title}</li>
      ))}
    </ul>
  </div>
)