Anyone had success with setting up Axios interceptors to work properly with Tanstack start?

[ismailcherri]

Hello community!

I've been using Tanstack start for a while and it is doing a great job so far.
However, one thing that is irking me is that I'm unable to make Axios interceptors to work properly with it.
Basically I want to intercept API calls to my backend and when I receive a 401 error, I want to remove the auth token from cookies so that the user can re-login again.

I used Isomorphic functions to do the logic in both Server and Client sides. I'm using getCookie, setCookie and deleteCookie from Tanstack server package for the server logic and cookie-js for the client logic.

However, when I implement the interceptors, I loose HMR for some reason. Any change I do doesn't properly reset the server and I keep getting empty responses on backend API calls (by backend here I mean my backend API not Tanstack backend server)

Do you have a recommendation on the proper way to implement Axios interceptors?

Thanks in advance 🙏

[schiller-manuel]

do you have a full reproducer project?

[ismailcherri]

Hey! Thanks for your response.
I tried creating a reproducer, but I noticed that I haven't visited the SSR section of the docs for a while. It seems that many things have changed.
I'm current using the @tanstack/react-router-ssr-query which seems to be obsolete for usage with Tanstack Start (or am I mistaken?).
So I guess, I need to revise my current code before raising this issue.

[schiller-manuel]

yes this is the successor
https://tanstack.com/router/latest/docs/integrations/query