Docs/update readme usage

README.md

@@ -63,7 +63,8 @@ Note that all 3 implementations produce the same results.
       return (
         <div>
             <button onClick={() => {
-                initializePayment(onSuccess, onClose)
+                // Updated usage: pass an object with onSuccess and onClose
+                initializePayment({ onSuccess, onClose });
             }}>Paystack Hooks Implementation</button>
         </div>
       );
@@ -205,7 +206,8 @@ import './App.css';
           </a>
         </header>
         <PaystackConsumer {...componentProps} >
-          {({initializePayment}) => <button onClick={() => initializePayment(handleSuccess, handleClose)}>Paystack Consumer Implementation</button>}
+          {/* Updated usage: pass an object to initializePayment */}
+          {({initializePayment}) => <button onClick={() => initializePayment({ onSuccess: handleSuccess, onClose: handleClose })}>Paystack Consumer Implementation</button>}
         </PaystackConsumer>
       </div>
     );

libs/types.ts

@@ -21,10 +21,7 @@ interface PaystackCustomFields {
 }
 
 interface PaystackMetadata {
-  custom_fields: PaystackCustomFields[];
-}
-
-interface PaystackMetadata {
+  custom_fields?: PaystackCustomFields[];
   [key: string]: any;
 }
 
@@ -66,4 +63,4 @@ export type InitializePayment = (options: {
 }) => void;
 
 export type HookConfig = Omit<Partial<PaystackProps>, 'publicKey'> &
-  Pick<PaystackProps, 'publicKey'>;
+  Pick<PaystackProps, 'publicKey'>;