S
SolidJS•2y ago
goenning

how to use useParams inside a ContextProvider

I have something like this 
return (
    <Router>
      <MyContextProvider>
        <Routes>
          <Route path="/" ...
          <Route path="/posts/:slug" ...
return (
    <Router>
      <MyContextProvider>
        <Routes>
          <Route path="/" ...
          <Route path="/posts/:slug" ...
and I want to access the slug on MyContextProvider on inital page load. useParams seems to always return an empty object 😦
2 Replies
goenning
goenning•2y ago
apparently useParams is only available from inside the <Routes>?
Bersaelor
Bersaelor•2y ago
yes, I had this issue recently in my case, I was using params in a const handleButtonClick function which was also outside of tyeh context what helped in my case was to do 
  const params = createMemo(() => useParams())
  const handleButtonClick = () => {
    if (params().value === ...) {
    // ...
    }
  }
  const params = createMemo(() => useParams())
  const handleButtonClick = () => {
    if (params().value === ...) {
    // ...
    }
  }
Want results from more Discord servers?
Add your server
More Posts
How do y'all handle mobile phones in landscape for mediaquery breakpointsSo, we'm using suid/mui that has builtin-breakpoints, so we can do: ``` const ActiveDotPopup = stylAccessing child element size from parent.I'm trying to use `createElementSize` from primitives. Problem is, It seems it doesn't wait until chFetching data in root.jsxI have solidStart connected to a local postgre database. I can fetch data from it in files in the "rSolid-Start w/ FirebaseHey all, Looking for any sort of documentation or wrapper for firebase with solid-start. Mainly usipeer dependency error when creating a new SolidStart projectcreated a new project, received this. not sure if i should worry or notapi route errors not being logged and the dev server just stopsapi route errors not being logged and the dev server just stopsHow to preserve reactivity in a multilevel object stored in a nanostore map ?Hello, I'm trying to create a simple cart store using the nanostores library (https://github.com/naDon't fully understand solid's reactivity, help understand with a caseI have this repo https://github.com/Kisuyo/todo I created a component: https://github.com/Kisuyo/toonKeyPress eventHello there, I'm trying to capture key-presses to make a gallery go left/right with the arrow keys. show user data based on authorization?Hello, I understand how I want to log users in and persist login state with localstorage but how wou