Function RouterProvider

Example

import {
  NavigateOptions,
  route,
  RouterProvider,
  RouterState
} from 'sanity'
import {useCallback, useMemo} from 'react'

function Root() {
  const [router] = useState(() => route.create('/'))

  const [state, setState] = useState<RouterState>({})

  const handleNavigate = useCallback((
    path: string,
    options?: NavigateOptions
  ) => {
    console.log('navigate', path, options)

    setState(router.decode(path))
  }, [router])

  return (
    <RouterProvider
      onNavigate={handleNavigate}
      router={router}
      state={state}
    >
      <div>This is a routed application</div>
    </RouterProvider>
  )
}
Copy