flat-fuchsia•3w ago
Is Refine compatible with Tanstack start?
My main project is built in Tanstack start. I've just started building the admin using Refine, but I can see it's using react router etc.
I'm thiking that I would prefer to have a unified toolset across all of my web apps for simplicity.
I'm thinking about weather it's possible to create a Tanstack start app and tack on Refine. I don't know enough about Refine yet to know weather that's a bad idea or not.
Is there anybody out there using Tanstack start with refine? I guess the main difference is that it's using file based routing.
2 Replies
Hi @wrux. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
At this time, Refine does not have official support or a built-in router provider for Tanstack Start (Tanstack Router). The core router integrations provided by Refine are for React Router, Next.js, Remix, and Expo Router (React Native). These are maintained and documented by the Refine team, and you can easily use them by passing the appropriate
routerProvider to the <Refine /> component in your app setup. There is no mention of Tanstack Start or Tanstack Router as an officially supported integration in the current documentation or blog posts Router Integrations.
There has been community interest in integrating Tanstack Router with Refine, as seen in GitHub issues and discussions. The Refine team has acknowledged this interest but has stated that they are not currently planning to add official support. They have encouraged the community to create and publish their own integration packages if needed. Some maintainers have commented that, in theory, you could implement a custom router provider for Tanstack Router by following the router provider interface, but this would require custom work and is not officially documented or supported. There are also technical challenges due to differences in how Tanstack Router and Refine handle routing, params, and data fetching Github Issue: Tanstack Router Github Discussion: Tanstack Router.
To summarize:
- No official Tanstack Start/Router support in Refine.
- You could attempt to build your own router provider, but this is not trivial and not officially documented.
- The main router integrations are for React Router, Next.js, Remix, and Expo Router.
- If unified tooling is a priority, you may face challenges using Refine with Tanstack Start at this time.
If you want to proceed, you would need to implement a custom router provider for Tanstack Router yourself, but be aware that this is an advanced use case and not currently supported by the Refine team or community out-of-the-box.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@804843799636344873> Kapa.ai is still learning and improving, please let me know how I did by reacting below.