React-slick: Styles don't apply

[kharandziuk]

I'm trying to recreate the sample from documentation with Coffee:

React = require('react')
Slider = require('react-slick')
D = React.DOM

SimpleSlider = React.createClass({
  render: () ->
    settings = {
      dots: true,
      infinite: true,
      speed: 500,
      slidesToShow: 1,
      slidesToScroll: 1
    }
    return D.div({},
      React.createElement(
        Slider, settings, [
          D.div(
            D.h3("1")
          )
          D.div(
            D.h3("2")
          )
        ]
      )
    )
})

React.render(
    React.createElement(SimpleSlider),
    document.body
)

but for some reasons I see ugly UI(see screenshot). What did I miss?

[vramana]

@kharandziuk This probably

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.3.15/slick.css" />