Next.jsでAPI取得した日時の表示形式を変更する

今回はMicroCMSから取得した日付が、
[2021-06-09T05:53:07.635Z]
みたいな感じで、見づらかったので、変更方法をメモリます。

(1)yarn add react-moment

(2)APIを取得しているファイルで

index.tsx

import Moment from 'react-moment'

//(省略)

<div className={styles.contents}>
  <h1 className={styles.title}>{blog.title}</h1>
  <Moment format="YYYY/MM/DD" className={styles.date}>
    {blog.publishedAt}
  </Moment>
  <img src={blog.thumbnail.url} className={styles.thumbnail}></img>
  <div
    className={styles.main}
    dangerouslySetInnerHTML={{
      __html: `${blog.main}`,
    }}
  />

ってやれば、変更できる！おっけっけ！