Handling events

In your application, you'll need to listen and respond to different events emitted by the CSPR.click library. On this page, we're covering the most common. Check the Events page for a complete list of events.

The following code snippet shows an example of how to bind your handlers to the CSPR.click events with the React useEffect() hook:

const clickRef = useClickRef();

useEffect(() => {
  clickRef?.on('csprclick:signed_in', async (evt) => {
    // update your app accordingly
  clickRef?.on('csprclick:signed_out', async (evt) => {
    // update your app accordingly
}, [clickRef?.on]);


This event is emitted every time the CSPR.click library connects to an account.

csprclick:signed_in reference.


This event is emitted instead of csprclick:signed_i when the user has clicked on the Switch Account menu item and has switched to another account in the same or a different wallet.

csprclick:switched_account reference.


This event is emitted when the CSPR.click library disconnects the active account due to a call to the signOut() SDK method.

csprclick:signed_out reference.


This event is emitted when CSPR.click library receives a disconnect request or event from the connected wallet. The app should close the current session as a consequence of this event.

It receives in the event object the provider that has been disconnected.

csprclick:disconnected reference.

Last updated