const handleTurnOn = props?.handleTurnOn; const isNotificationSupported = props?.isNotificationSupported; const isPushManagerSupported = props?.isPushManagerSupported; const isPermisionGranted = props?.isPermisionGranted; State.init({ notificationSupported: "", pushManagerSupported: "", permisionGranted: "", }); console.log("xxx"); console.log("isNotificationSupported", isNotificationSupported); const turnOn = async () => { await handleTurnOn(); State.update({ notificationSupported: isNotificationSupported(), pushManagerSupported: isPushManagerSupported(), permisionGranted: isPermisionGranted(), }); }; return ( <div> <button onClick={handleTurnOn}>Turn On</button> <br /> <span>Notifications supported: {state.notificationSupported}</span> <br /> <span>PushManager supported: {state.pushManagerSupported}</span> <br /> <span>permision granted: {state.permisionGranted}</span> </div> );