fix: use correct params type

.changeset/quiet-starfishes-dance.md

@@ -0,0 +1,5 @@
+---
+'@saas-ui/provider': patch
+---
+
+Use correct params type

packages/saas-ui-provider/src/router-provider.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react'
+import type { ParsedUrlQuery } from 'querystring'
 
 interface NavigateOptions {
   replace?: boolean
@@ -13,7 +14,7 @@ interface RouterLocation {
 export interface RouterContextValue {
   navigate: (path: string, options?: NavigateOptions) => void
   back: () => void
-  params?: URLSearchParams
+  params?: ParsedUrlQuery
   location?: RouterLocation
 }
 
@@ -49,7 +50,28 @@ export const useLocation = () => {
   return null
 }
 
-export function useActivePath(path: string) {
+export interface UseActivePathOptions {
+  /**
+   * Set to false to match the first parth of the path.
+   * eg: /contacts will match /contacts/people
+   */
+  end?: boolean
+}
+
+/**
+ * Matches the given path to the current active path.
+ * @param path string
+ * @param options UseActivePathOptions
+ * @returns boolean
+ */
+export function useActivePath(
+  path: string,
+  options: UseActivePathOptions = {}
+) {
+  const { end = true } = options
   const location = useLocation()
-  return location?.pathname === path
+  return !!React.useMemo(
+    () => location?.pathname.match(new RegExp(`${path}${end ? '$' : ''}`)),
+    [location?.pathname, path, options]
+  )
 }