React component for Monacard API

monacard.js

import React from "react"

class Monacard extends React.Component {
 constructor(props) {
    super(props)
    this.state = {
      url: null
    }
  }

  componentDidMount() {
    const name = this.props.name
    fetch('https://card.mona.jp/api/card_detail?assets=' + name)
      .then(res => res.json())
      .then(
        (result) => {
          const url = result.details[0].imgur_url
          this.setState({url: url})
        },
        (error) => {
          // TODO
        })
  }

  render() {
    return (
      <img src={this.state.url} alt='' width='224' height='320' />
    )
  }
}

export default Monacard