Avoid mutating elements React is in charge of

[richardscarrott]

Although convenient, this was an unwise decision https://github.com/richardscarrott/react-snap-carousel/blob/main/src/use-snap-carousel.tsx#L176 because React can (and will) remove the the className / styles.

May just have to leave snap point rendering down to the <Carousel /> implementor, e.g.

const Carousel = () => {
  const { pages } = useSnapCarousel();
  const snapPointIndexes = new Set(pages.map((page) => page[0]));
  return (
    <ul>
      {items.map((_, i) => <li style={{ scrollSnapAlign: snapPointIndexes.has(i) ? 'start' : '' }}>{i}</li>)}
    </ul>
  );
}

Could expose snapPointIndexes from useSnapCarousel to make it a little easier.

[richardscarrott]

Fixed in 0.2.0