Custom Dots Aren't Working

[Oliver-Turp]

First off I just want to say how amazing this is. Spent all day today trying to get different carousels to work with no luck. Yours is the first that works perfectly.

My issue is with trying to custom style the components. I tried to mimic your dot example // your custom dot component with prop isActive`
const MyDot = ({ isActive }) => (
<span
style={{
display: 'inline-block',
height: isActive ? '8px' : '5px',
width: isActive ? '8px' : '5px',
background: '#1890ff'
}}

)

// set custom dot
` but the dots just disappear. Any advice would be welcome. II tried looking at your JS dot file but it's incredibly complex compared to the readme example.

It's not a huge deal because the default functionality works fine but I'd like to make them slightly larger and include a hover background change.

Thanks again for the amazing component!