Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added React hooks TS types useSwiper + useSwiperSlide #5413

Closed
mthines opened this issue Feb 1, 2022 · 0 comments
Closed

Added React hooks TS types useSwiper + useSwiperSlide #5413

mthines opened this issue Feb 1, 2022 · 0 comments

Comments

@mthines
Copy link

mthines commented Feb 1, 2022

Hi! 馃憢

Firstly, thanks for your work on this project! 馃檪

Today I used patch-package to patch swiper@8.0.0 for the project I'm working on.

It looks like the Hooks are missing in the type definitions, so I've added them.

https://swiperjs.com/react#use-swiper

I've also added export to SlideData as I needed to import that as well.

Here is the diff that solved my problem:

diff --git a/node_modules/swiper/react/swiper-react.d.ts b/node_modules/swiper/react/swiper-react.d.ts
index b070cd8..e236327 100644
--- a/node_modules/swiper/react/swiper-react.d.ts
+++ b/node_modules/swiper/react/swiper-react.d.ts
@@ -416,7 +416,7 @@ interface SwiperProps extends SwiperOptions {
   
 }
 
-interface SlideData {
+export interface SlideData {
   isActive: boolean;
   isVisible: boolean;
   isDuplicate: boolean;
@@ -472,4 +472,8 @@ interface SwiperSlideProps extends React.HTMLAttributes<HTMLElement> {}
 declare const Swiper: React.FunctionComponent<SwiperProps>;
 declare const SwiperSlide: React.VoidFunctionComponent<SwiperSlideProps>;
 
-export { Swiper, SwiperSlide, SwiperProps, SwiperSlideProps };
+declare const useSwiper: () => SwiperSlideProps;
+declare const useSwiperSlide: () => SwiperSlideProps;
+
+
+export { Swiper, SwiperSlide, SwiperProps, SwiperSlideProps, useSwiperSlide, useSwiper };

This issue body was partially generated by patch-package.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant