sparklines never showing..

[appaaaa]

import React, { Component } from 'react'
import { connect } from 'react-redux'
import { Sparklines, SparklinesLine } from 'react-sparklines';

class WeatherList extends Component {
  renderWeather(cityData) {
  //  console.log(cityData)
    const name = cityData.city.name
    const temps = cityData.list.map(weather=>weather.main.temp)

    return (  
      <tr key={name}>
        <td>{name}</td>
        <td>
          <Sparklines height={120} width={180} data={temps}>
            <sparklinesLine color="red" />
          </Sparklines>
        </td>
      </tr>
    )
  }

  render() {
    return (
      <table className="table table-hover">
        <thead>
          <tr>
            <th>City</th>
            <th>Temperature</th>
            <th>Pressure</th>
            <th>Humidity</th>
          </tr>
        </thead>
        <tbody>
          {this.props.weather.map(this.renderWeather)}
        </tbody>
      </table>
    )
  }
}

function mapStateToProps(state) {
  return { weather: state.weather }
}

export default connect(mapStateToProps)(WeatherList)

sparkline never showing..
What's wrong??

[wstell]

Did you install the wrong version? you are supposed to download 1.6 since 1.7 is broken
npm i --save [email protected]

[appaaaa]

Yes. I'm using 1.6 but never displaying..

[athio92]

Look at your SparklinesLine JSX tag. You should capitalize the 's'

<Sparklines height={120} width={180} data={temps}> <sparklinesLine color="red" /> </Sparklines>

Should be <SparklinesLine /> instead of <sparklinesLine />