アルパカログ

interface CodeBlock extends Block {
  Code: Code
}

interface Code {
  Text: RichText[]
  Language: string
}

case 'code':
  const code: Code = {
    Text: item[item.type].text.map(item => {
      const text: Text = {
        Content: item.text.content,
        Link: item.text.link,
      }

      const annotation: Annotation = {
        Bold: item.annotations.bold,
        Italic: item.annotations.italic,
        Strikethrough: item.annotations.strikethrough,
        Underline: item.annotations.underline,
        Code: item.annotations.code,
        Color: item.annotations.color,
      }

      const richText: RichText = {
        Text: text,
        Annotation: annotation,
        PlainText: item.plain_text,
        Href: item.href,
      }

      return richText
    }),
    Language: item.code.language,
  }

  block = {
    Id: item.id,
    Type: item.type,
    HasChildren: item.has_children,
    Code: code,
  }
  break

case 'code':
  toRender.push(
    <components.Code
      key={block.Id}
      language={block.Language || ''}
    >
      {block.Code.Text.map(
        richText => richText.Text.Content
      ).join('')}
    </components.Code>
  )
  break

const Code = ({ children, language = 'javascript' }) => {
  if (!children) {
    return
  }
  // 省略
})