Slick initializes with width:0, how to solve it without using JQuery?

[Carson12345]

I am having similar issue as #235
That when I reload my page, the content all reinitializes with width:0, I am aware that resizing the page will solve but I have a limitation that I cannot write JQuery to force the window to resize.

Can I do something like $(window).trigger('resize'); in React but without using JQuery please?

My code now is

`render() {
const settings = {
dots: true,
arrows: true,
}

    return <div className={ rowClass.join(' ') }>
               <div className='sk-msg-wrapper'>
                   <div className={ containerClasses.join(' ') }
                        style={ style }
                        ref='messageContent'
                        onClick={ this.onMessageClick.bind(this) }>
                                      
                       { hasItems ? <div className={ cardListClasses.join(' ') }>
                            <Slider {...settings}>
 
                                          { cardList }

                             </Slider>
                                      </div>: null }
                                     
                   </div>`