title: Call next on Flicking Carousel in React
body: <p>I'm attempting to add in buttons that go forwards and back with this package: <a href="https://www.npmjs.com/package/@egjs/react-flicking" rel="nofollow noreferrer">https://www.npmjs.com/package/@egjs/react-flicking</a>. Everything works great but I also want to add in forward and back arrows and am scratching my head trying to understand how I can pass <code>next</code> to the instance. Their documentation is vanilla so it's definitely my lack of react experience causing this issue... Thanks!</p>
  <pre><code>import Flicking from &quot;@egjs/react-flicking&quot;;
  
  &lt;div&gt;
    &lt;Flicking
      onMoveStart={(e) =&gt; handleMoveStart(e)}
      onChange={(e) =&gt; handleChange(e)}
     &gt;
      {props.slides.map((slide, i) =&gt; (
        &lt;Slide
          className={i === 0 ? 'current' : ''}
          key={i}
        &gt;
          &lt;Card slide={slide} /&gt;
        &lt;/Slide&gt;
      ))}
    &lt;/Flicking&gt;
    &lt;button onClick={handleNext}&gt;Next&lt;/button&gt; // should call next when clicked and advance &lt;Flicking&gt;
  &lt;/div&gt;
  </code></pre>