react-query-questions
solid-query-questions
table-questions
virtual-questions
router-questions
react-charts-questions
ranger-questions
vue-query-questions
svelte-query-questions
bling-questions
form-questions
angular-query-questions
start-questions
db-questions
start-showcase
router-showcase
đź“Ł-announcements
Start RC -> Failed to load the ES module
Hi, code that was working OK inside Start 1.31 is now showing an error in the logs.
https://68dcdf7e5058d6c68105c80c--momnium.netlify.app/
The strange thing is that if the page is loaded directly from the address bar it loads ok. But if I navigate to a route using a link, I get this error. But if I refresh it loads....
TanStack learning-questions on some tips from https://tanstack.com/start/latest/docs/framework/react
I have been going through learning materials on TanStack page and stumbled upon two things i am not fully clear how to perform:
1. In Production Checklist it says
"Bundle Analysis: Verify server-only code isn't in client bundle" - so i go to client bundles (dist/client/) and verify... imports? How to determine what to check?
...
only show pendingComponent on initial route load (not when invalidating)
I haven't become crazy familiar yet with the RC, but I have a project on TSS and the best way I found to reliably render the pendingComponent is to not await the server fns in the loader and then use React.use in the routeComponent. The issue here is that when I mutate the data via a form on the page and then use router.invalidate() in the success callback, I get a blip of the pendingComponent. Haven't been able to get the pending delay setting (blanking on the name and left my computer) to prevent this, and I think this would be disorienting for users, so I am trying to find a way around it while leaving the pendingComponent during the initial route load.
Feels weird to store the data in state and then update the state on every mutation to force rerendering of dependent components, but I'm new to React as of the last few months, so maybe I'm thinking about this the wrong way. Either way, is there an article, issue, example, thread, etc. that could point me in the right direction on how to use pendingComponent when loading a route initially but not when invalidating the route?
Thanks in advance!...
router.tsx for Convex + Start
I wonder if it is correct to nest
<ConvexAuthProvider> as a child of <QueryClientProvider>. Is it redundant?
deps:
```json
"@convex-dev/auth": "^0.0.90",...Server Route Search Params
Is there a proper way to implement search params in server routes? I'm struggling to figure this out, since 'search' isn't available at all in the GET function parameters, and validateSearch is seemingly meaningless for server routes.
For my main app, I'm using server functions in my SSR/queryClient fetching rather than fetching from the API like a conventional backend. But, eventually, having an external API would be important for my users.
```import { createFileRoute } from "@tanstack/react-router";...
Route Context Persistency
Is the route context persistent in the server like a session? If I save the logged user there, is it available only to the client that originated it's value assignment? That was the case for router alone, but now that loaders are executed in the server, I am not sure how it works.
Tanstack Start Saas App BFF Architecture
Would you recommend using TanStack Start as the BFF in front of our React app and C# .NET microservices? Or do you think building the BFF directly in C# would be a better fit?
Create new project fails
Creating a new project is broken:
Running
...
npm create @tanstack/start@latest
npm create @tanstack/start@latest
Question about committing and resolving routeTree.gen.ts in Git
Hi, I’m new to using TanStack Router.
I read in the official docs that the routeTree.gen.ts file should be committed to git since it’s part of the application runtime.
However, during collaboration, I sometimes see conflicts or constant modifications in this file when running the dev server.
In such cases, is the recommended approach to just regenerate the routeTree.gen.ts (by restarting the dev server or running the generate command), instead of manually resolving conflicts?...
Nitro V3 - SSR Build Fails
When I use the nitro v3 plugin, my build fails, when I use the v2 plugin it works
It seems related to including “jsdom” package in my project
I haven’t had time to make a repro sadly...
Handle Server function Zod Validation Errors
Question for everyone using zod schemas as
validateInput how are you showing the errors into the actual UI? Because it seems like zod errors are actually serialized as string.[discord server related] How is your current experience with AnswerOverflow?
Hey! I saw this forum AnswerOverflow for syncing threads.
Curious how the community / moderators enjoy using AnswerOverflow? Is there anything about your current setup (commands, customization, UI, etc.) you’d like improved?...
Deploying to a node-server
I have created a small app with Tanstack Start, everything works well locally and now I want to deploy it to my ubuntu server running node. However, when I build it it builds a dist folder with a client and server folders inside it. But looking at the packages.json file, the start command looks like this:
"start": "node .output/server/index.mjs",
I don't have any .outputdirectory? If I change it to run the /dist/server/server.js file nothing happens and the program exits immedietly.
I have searched the web and here for answers but found none so far.<
...POST requests hang forever
I'm trying to deploy my app using
caddy as a reverse proxy. My Tanstack Start app (behind fastify) works fine using docker but as soon as I add caddy:
```
services:
proxy:...Issue with notFound() not rendering with CSS
I have a server action using createServerFn() that checks if an object exists, if it does not i throw a «throw notFound()» and on my page loader: I do a const item = await queryClient.ensureQueryData(query)
Etc.., and when it throws notFound i do not get any CSS…
How can I fix this?...
Building for netlify not working on RC
Hi,
With the upgrades for to RC I am getting this error when trying to run
netlify deploy.
```...I don't know how to use environment variables.
What do I need to do to use environment variables to connect to a Turso database using Drizzle-ORM?
How do I read session data outside of the asynclocalstorage context?
Is there some function I can pass a request into and get the session data out? I need to get an API token from the session to use in a proxy middleware in my express server running the whole app.
How to redirect in tanstack mutation ?
any idea ? pass router ? redirect function does not work ( handleRedirects: true )