update

I know this is confusing but this is to split responsibilities between the web and desktop, we have three things here:

1. PushNotificationsHandler - the component responsible for handling notifs, it's only web-specific, see that logic is gated behind const supported = 'Notification' in window && !electron; flag.
2. useCreatePushSubscription - web-specific, responsible for communication with the service worker to retrieve the device token.
3. useCreateDesktopPushSubscription - desktop-specific, handling everything notifs related to the desktop, each function is called on a nullable electron object.

So to split this between web and desktop we'll still have this in two places. The only thing I can imagine here is extract everything from PushNotificationsHandler to a hook - useCreateWebPushSubscription or something similar, and then PushNotificationsHandler will look like this:

function PushNotificationsHandler(): React.Node {
  useCreateDesktopPushSubscription();
  useCreateWebPushSubscription();

  return null;
}

Not sure if this worth it.