Pagination not exported?

[raza-jamil-reckon]

Describe the bug
Trying to follow the sample here https://reanimated-carousel.dev/Examples/parallax on version 3.5.1 and there is no Pagination component exported from react-native-reanimated-carousel.

I followed into the package and indeed there is no export. Here's the export list from index.d.ts file.

import Carousel from "./Carousel";
export type { TCarouselProps, ICarouselInstance, IComputedDirectionTypes, CarouselRenderItem, } from "./types";
export { ILayoutConfig } from "./layouts/stack";
export default Carousel;

To Reproduce
Steps to reproduce the behavior:

1. Install version 3.5.1
2. Try to import Pagination component from react-native-reanimated-carousel

Expected behavior
Import component

Screenshots
If applicable, add screenshots to help explain your problem.

Versions (please complete the following information):

• react: v18.2.6
• react-native: v0.74.1
• react-native-reanimated: v3.10.0
• react-native-reanimated-carousel: v3.5.1
• react-native-gesture-handler: v2.16.1

Smartphone (please complete the following information):

• Device: IPhone15
• OS: 17

Additional context
Seems like something gone wrong in bundling? I can see that the component is exported in the source code here https://github.com/dohooo/react-native-reanimated-carousel/blob/main/src/index.tsx#L2 but it's just not there in the installed package.

[dosubot]

It seems like the issue with the missing Pagination component in react-native-reanimated-carousel version 3.5.1 might be due to a bundling or publishing mishap, especially since you've confirmed that the component is indeed exported in the source code on GitHub but not present in the installed package. This discrepancy suggests that the component was not included in the final bundle during the packaging process.

To address this, you might want to check if there's been a more recent release or patch that fixes this issue. Sometimes, such problems are quickly identified and resolved by the package maintainers. If no such update exists, reaching out to the maintainers directly through a GitHub issue might be the best course of action to bring this to their attention and seek a resolution.

In the meantime, as a workaround, you could consider manually adding the Pagination component to your project. This would involve copying the component's code from the GitHub repository into your project, ensuring you also meet any of its dependencies and properly integrate it with your existing setup. While not ideal, this could allow you to proceed with your project until an official fix is released.

Remember to keep an eye on the repository for any updates or patches that address this issue, and update your package accordingly once a fix is available.

Details

Sources

• src/index.tsx
• package.json
• src/components/Pagination/index.tsx
• .changeset/lazy-ties-design.md
• CHANGELOG.md
• example/expo/tsconfig.json
• tsconfig.json
• example/bare/tsconfig.json

About Dosu
This response is meant to be useful and save you time. It is not meant to be a precise solution, but rather a starting point for your own research.

Help me be more useful! Please leave a 👍 if this is helpful and 👎 if it is irrelevant.

To continue the conversation, mention @dosu.

[sssajjad007]

same issue

[JenkinsDev]

Documentation references are for the v4.0.0 APIs, it seems

See https://github.com/dohooo/react-native-reanimated-carousel/tree/v3.x.x/src for the appropriate source

[Dhakernator24]

Same issue here:
Cannot read property 'Basic' of undefined carousel

[dohooo]

Sry, v3 will no longer be updated. Please use v4.x alpha if u want to use the pagination component. My work is quite busy and I don’t have much time to maintain multiple version branches, but I will try my best to release the official v4 stable version ASAP. Plz lmk if you tried v4 alpha and it works well.

[Dhakernator24]

Sry, v3 will no longer be updated. Please use v4.x alpha if u want to use the pagination component. My work is quite busy and I don’t have much time to maintain multiple version branches, but I will try my best to release the official v4 stable version ASAP. Plz lmk if you tried v4 alpha and it works well.

Thanks I updated to v4 and that solved the issue

[ZainaliSyed]

@dohooo

v4 4.0.0-alpha.12 - Pagination works fine on IOS and android , dots are also SYNC as well .

But on android there some Glitch while swiping slider , Can you please look into this as well .

[pdb3616109]

@dohooo

v4 4.0.0-alpha.12 - Pagination works fine on IOS and android , dots are also SYNC as well .

But on android there some Glitch while swiping slider , Can you please look into this as well .

me too

[lokitechz]

where i can find v4 of lib @dohooo

[hamzawii]

where i can find v4 of lib @dohooo

npm i react-native-reanimated-carousel@4.0.0-alpha.12

[BrodaNoel]

Guys, pagination was not added on V3.

Check this: https://github.com/dohooo/react-native-reanimated-carousel/releases/tag/v4.0.0-alpha.11

It was added on 4.0.0-alpha.11

How to add it? Just install it as usually "react-native-reanimated-carousel": "4.0.0-alpha.11",

npm i react-native-reanimated-carousel@4.0.0-alpha.11

I would suggest to install directly the alpha.12, which is the latest alpha, fixing some other issues