add values in callback

package.json

@@ -84,7 +84,7 @@
     "zx": "^4.2.0"
   },
   "peerDependencies": {
-    "@stripe/connect-js": ">=3.3.12-beta-1",
+    "@stripe/connect-js": ">=3.3.13-beta-1",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   }

src/Components.tsx

@@ -1,27 +1,27 @@
 import {useCreateComponent} from './useCreateComponent';
 import {useUpdateWithSetter} from './utils/useUpdateWithSetter';
 import {CollectionOptions, FetchEphemeralKeyFunction} from './types';
-import {NotificationCount} from '@stripe/connect-js';
+import {NotificationCount, InstallState} from '@stripe/connect-js';
 
 export const ConnectAppInstall = ({
   app,
   onAppInstallStateFetch,
   onAppInstallStateChange,
 }: {
   app: string;
-  onAppInstallStateFetch: () => void;
-  onAppInstallStateChange: () => void;
+  onAppInstallStateFetch?: (({appId, state}: InstallState) => void) | undefined;
+  onAppInstallStateChange?:
+    | (({appId, state}: InstallState) => void)
+    | undefined;
 }): JSX.Element | null => {
   const {wrapper, component: appInstall} = useCreateComponent('app-install');
   useUpdateWithSetter(appInstall, app, (comp, val) => comp.setApp(val));
-
   useUpdateWithSetter(appInstall, onAppInstallStateFetch, (comp, val) =>
     comp.setOnAppInstallStateFetched(val)
   );
   useUpdateWithSetter(appInstall, onAppInstallStateChange, (comp, val) =>
     comp.setOnAppInstallStateChanged(val)
   );
-
   return wrapper;
 };
 
@@ -30,7 +30,7 @@ export const ConnectAppViewport = ({
   appData,
 }: {
   app: string;
-  appData: Record<string, string>;
+  appData?: Record<string, string>;
 }): JSX.Element | null => {
   const {wrapper, component: appViewport} = useCreateComponent('app-viewport');
   useUpdateWithSetter(appViewport, app, (comp, val) => comp.setApp(val));

src/utils/useUpdateWithSetter.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import {CollectionOptions, FetchEphemeralKeyFunction} from '../types';
-import {NotificationCount} from '@stripe/connect-js';
+import {InstallState, NotificationCount} from '@stripe/connect-js';
 
 export const useUpdateWithSetter = <
   T extends HTMLElement,
@@ -12,6 +12,7 @@ export const useUpdateWithSetter = <
     | FetchEphemeralKeyFunction
     | CollectionOptions
     | ((notificationCount: NotificationCount) => void)
+    | ((installState: InstallState) => void)
     | undefined
 >(
   component: T | null,