Merge pull request #59 from Flutterwave/dev

[Hotfix] Dynamic update on Button component

Author: corneliusyaovi

dist/index.es.js

@@ -215,10 +215,8 @@ function useFlutterwave(flutterWaveConfig) {
 
 var FlutterWaveButton = function (_a) {
     var text = _a.text, className = _a.className, children = _a.children, callback = _a.callback, onClose = _a.onClose, disabled = _a.disabled, config = __rest(_a, ["text", "className", "children", "callback", "onClose", "disabled"]);
-    var handleButtonClick = React.useCallback(function () {
-        useFlutterwave(config)({ callback: callback, onClose: onClose });
-    }, []);
-    return (React.createElement("button", { disabled: disabled, className: className, onClick: handleButtonClick }, text || children));
+    var handleFlutterPayment = useFlutterwave(config);
+    return (React.createElement("button", { disabled: disabled, className: className, onClick: function () { return handleFlutterPayment({ callback: callback, onClose: onClose }); } }, text || children));
 };
 
 /**

dist/index.js

@@ -239,10 +239,8 @@ function useFlutterwave(flutterWaveConfig) {
 
 var FlutterWaveButton = function (_a) {
     var text = _a.text, className = _a.className, children = _a.children, callback = _a.callback, onClose = _a.onClose, disabled = _a.disabled, config = __rest(_a, ["text", "className", "children", "callback", "onClose", "disabled"]);
-    var handleButtonClick = React__namespace.useCallback(function () {
-        useFlutterwave(config)({ callback: callback, onClose: onClose });
-    }, []);
-    return (React__namespace.createElement("button", { disabled: disabled, className: className, onClick: handleButtonClick }, text || children));
+    var handleFlutterPayment = useFlutterwave(config);
+    return (React__namespace.createElement("button", { disabled: disabled, className: className, onClick: function () { return handleFlutterPayment({ callback: callback, onClose: onClose }); } }, text || children));
 };
 
 /**

src/FWButton.tsx

@@ -20,15 +20,13 @@ const FlutterWaveButton = ({
   disabled,
   ...config
 }: FlutterWaveButtonProps): JSX.Element => {
-  const handleButtonClick = React.useCallback((): void => {
-    useFlutterwave(config)({ callback, onClose });
-  }, []);
+  const handleFlutterPayment = useFlutterwave(config);
 
   return (
     <button
       disabled={disabled}
       className={className}
-      onClick={handleButtonClick}
+      onClick={() => handleFlutterPayment({ callback, onClose })}
     >
       {text || children}
     </button>