tanstack start + tailwindcss 4 hydration error

[towelong]

Which project does this relate to?

Start

Describe the bug

Local build and previewing is fine, build to docker and running it gives an error

Your Example Website or App

none

Steps to Reproduce the Bug or Issue

please look desc

Expected behavior

Expect the local preview to be the same as in the docker runtime

Screenshots or Videos

No response

Platform

• Router / Start Version: ^1.145.7
• OS: macOS
• Browser: Chrome
• Bundler: vite

Additional context

No response

[towelong]

local preview only 1 css file

[towelong]

vite.config.ts

import tailwindcss from "@tailwindcss/vite";
import { tanstackStart } from "@tanstack/react-start/plugin/vite";
import viteReact from "@vitejs/plugin-react";
import { defineConfig } from "vite";
import tsConfigPaths from "vite-tsconfig-paths";
import { nitro } from "nitro/vite";

export default defineConfig({
  server: {
    port: 3000,
  },
  plugins: [
    tailwindcss(),
    tsConfigPaths(),
    tanstackStart(),
    nitro({
      preset: "bun",
      compressPublicAssets: { gzip: true, brotli: true },
    }),
    // react's vite plugin must come after start's vite plugin
    viteReact(),
  ],
});