multiple as nav for with next.js & typescript

I want to use multiple as nav for with slick
this is simple as nav for which is **working fine** for me: **https://codesandbox.io/s/react-slick-demo-27z23**
but is it any way if we want to use multiple as nav for in same above demo(means next.js and typescript) but **expected behavior** something like this: **https://codepen.io/amaurycatelan/pen/aQMOvw**