bug fixes

Author: shettypuneeth

README.md

@@ -1,5 +1,8 @@
 # react-swipe-down-refresh
 
+[![npm version](https://badge.fury.io/js/react-swipe-down-refresh.svg)](https://badge.fury.io/js/react-swipe-down-refresh)
+[![license](https://img.shields.io/github/license/shettypuneeth/react-swipe-down-refresh.svg)](https://github.com/shettypuneeth/react-swipe-down-refresh/blob/main/LICENSE)
+
 Swipe down to refresh or pull-to-refresh control for mobile web applications.
 
 The component is built using composable utilities to give fine grain control over the swipe-refresh behavior. These building blocks could be used independently to build your own swipe-refresh control.
@@ -27,6 +30,14 @@ yarn add react-swipe-down-refresh
 
 ---
 
+## Try it online
+
+---
+
+> Open in a mobile web-browser or toggle the device mode on a web-browser
+
+Try the app [online here](https://g4xc0y.csb.app/).
+
 ## Usage
 
 ---

package.json

@@ -9,7 +9,7 @@
     "pull refresh",
     "pull-to-refresh"
   ],
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "React swipe down to refresh component",
   "repository": {
     "url": "https://github.com/shettypuneeth/react-swipe-down-refresh",

src/SwipeRefreshCoordinator.ts

@@ -141,12 +141,13 @@ export class SwipeRefreshCoordinator {
       rotation: 0,
       nextFrame: false,
     });
-
-    this.onEndRefresh?.();
   }
 
   private onRefreshComplete() {
-    this.hideSpinner(() => this.reset());
+    this.hideSpinner(() => {
+      this.reset();
+      this.onEndRefresh?.();
+    });
   }
 
   private triggerRefresh() {

src/useSwipeRefresh.ts

@@ -61,9 +61,7 @@ export const useSwipeRefresh = (
       return () => {};
     }
 
-    if (!swipeRefreshCoordinator.current) {
-      initialize(node);
-    }
+    initialize(node);
 
     return () => {
       swipeRefreshCoordinator.current?.unregisterSwipeListeners();