react-native-reanimated-carousel/src/hooks/usePropsErrorBoundary.ts

Simple carousel component.fully implemented using Reanimated 2.Infinitely scrolling, very smooth.

import React from "react";

import type { TCarouselProps } from "../types";

export function usePropsErrorBoundary(props: TCarouselProps & { dataLength: number }) {
  React.useEffect(() => {
    const { defaultIndex, dataLength: viewCount } = props;

    if (typeof defaultIndex === "number" && viewCount > 0) {
      if (defaultIndex < 0 || defaultIndex >= viewCount) {
        throw new Error(
          "DefaultIndex must be in the range of data length.",
        );
      }
    }

    // TODO
    if (!props.mode || props.mode === "parallax") {
      if (!props.vertical && !props.width) {
        throw new Error(
          "`width` must be specified for horizontal carousels.",
        );
      }
      if (props.vertical && !props.height) {
        throw new Error(
          "`height` must be specified for vertical carousels.",
        );
      }
    }
  }, [props]);
}