TTC
Theo's Typesafe Cult•2y ago
NotLuksus

Next Router Issues

So I have an issues using next router. In my project I have something similar to /blog/[id].tsx This [id].tsx does a getServerSideProps where it fetches the correspoding information from a database and passes that to the page. Now when I do router.push() from anywhere in the application everything works fine. How ever I have some blog posts that reference others. Now when I do router.push("/blog/1234") while being on /blog/1 for example only the url changes. So the url now is /blog/1234, but the content that is displayed is still the one of /blog/1 A work around is just using window.location.replace, but I'm not really happy with that solution und would prefer using next router. Thanks for your help!
3 Replies
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
NotLuksus
NotLuksus•2y ago
That still comes with the same issues. https://github.com/vercel/next.js/issues/26270 I found that so I probably just stick with what I got so far
GitHub
router.push doesn't refresh page · Issue #26270 · vercel/next.js
What version of Next.js are you using? 11.0.0 What version of Node.js are you using? 16.3 What browser are you using? chrome What operating system are you using? Windows 8 How are you deploying you...
JulieCezar
JulieCezar•2y ago
You could maybe use Router.replace() if you don't mind deleting history Or maybe try something like this `` 
const Router = useRouter();
const trpcContext = trpc.useContext()

Router.events.on("routeChangeComplete", ()=> {
    trpcContext.invalidateQueries(["example.hello"])
  })
const Router = useRouter();
const trpcContext = trpc.useContext()

Router.events.on("routeChangeComplete", ()=> {
    trpcContext.invalidateQueries(["example.hello"])
  })
Or maybe even try "routeChangeStart" because if you invalidate right at the beginning it might have a weird interaction, but if you invalidate after you leave it should be ok Although it will invalidate whenever you are going to any page from /blog/[id] but it should solve your case
Want results from more Discord servers?
Add your server
More Posts
passportjs sends a cookie on each request**thank you in advance** I use this lib called `passportjs`, I know it doesn't make any sense to usHow to add getLayout property to Component, nextJS 12.3Help me, NextJs12 --> NextJs12.3, don't know how to use getLayout,tRPC app with SSR true, getStaticProps or getServerSidePropsHi all, I've been trying to figure out what is the best way to fetch queries on my website that I'm What was the reason for removing req, res from context?What was the exact reason for doing so? While implementing a simple rate limiter like this: https:Running a cron job alongside T3 stack locallyI want to have a cron job fetch some RSS feeds externally every 2 minutes and post to the db. I can why re-mcompile JS each time?why V8 doesn't compile the js once and cache the binary output for the next run? instead of recompican i remove a background from an image using Jshey guy i was wondering if i can create a javascript api that removes the background from an Image ,Documentation past comments, is it needed?Hey y'all, just wanted to ask a question about if one might need internal documentation like websiteQuick question about TRPC query with dateHi, Just a quick question about TRPC Query why do I always get the same date in the query? Date Internationalization with T3?Did anyone successfully manage to implement internationalization on both static and SSR pages with T