TanStack Start + Authkit template: iron-session cookie error breaks page rendering

[tgeorgiadis]

Steps to Reproduce

1. Create a new project with npm create convex@latest and select TanStack Start and AuthKit
2. Run npm install and npm run dev
3. Set up WorkOS env values
4. Open http://localhost:3000 in your browser
5. Check browser console for the error

Expected Behavior

The page should render correctly with <Authenticated> and <Unauthenticated> components conditionally displaying their children based on auth state.

Actual Behavior

Browser console shows SyntaxError for the iron-session cookie module.

Uncaught (in promise) SyntaxError: The requested module '/node_modules/iron-session/node_modules/cookie/index.js?v=54184f55' does not provide an export named 'parse' (at index.js?v=54184f55:1:21)

Content inside <Authenticated> and <Unauthenticated> does not render. Page appears broken/blank

[ziegfried]

What I did to fix it: add this optimizeDeps in vite.config.ts

export default defineConfig({
  plugins: [tsconfigPaths(), tailwindcss(), tanstackStart(), viteReact()],
  optimizeDeps: {
    include: ["iron-session", "cookie"],
  },
});

(note that I didn't use this template, I bootstrapped an app via better-t-stack, but then ran into the same issue)