Instrumenting route changes

[andreiborza]

Hello,

I'm working on the Sentry SDK for SolidJS. As part of our SDKs, we offer various tracing integrations, for example a browser integration that instruments pageloads and navigations.

For React, we offer a higher-order component for React Router that allows us to track location changes, c.f. https://docs.sentry.io/platforms/javascript/guides/react/features/react-router/#usage-with-routes--component.

I took a similar approach for Solid Router, a higher-order component that wraps Solid Router and creates a wrapped root component in which we use useBeforeLeave and useNavigation to create navigation spans for tracing.
For that, users have to pass in useBeforeLeave and useNavigation, see the README.

I'm wondering if there's a better DX to be had, maybe being able to pass a router context in and adding listeners directly instead of the user having to go through a 2 step setup. I'd love some help, pointers on that.