CSS flickering after devinxi (Vercel hosting)

[Duckinm]

Which project does this relate to?

Router

Describe the bug

After migrate to a new Vite-base setup, I do some workaround and get it work but unfortunately I found that every times I enter the site it will flicker one time before load css properly

{
  "name": "blahblah",
  "private": true,
  "sideEffects": false,
  "type": "module",
  "scripts": {
    "dev": "vite dev",
    "build": "vite build",
    "start": "vite start",
    "serve": "vite preview",
    "format": "prettier --check .",
    "format:fix": "prettier --write ."
  },
  "dependencies": {
    "@aws-sdk/client-s3": "3.758.0",
    "@aws-sdk/s3-request-presigner": "3.758.0",
    "@clerk/tanstack-react-start": "0.12.2",
    "@dnd-kit/dom": "0.0.9",
    "@dnd-kit/helpers": "0.0.9",
    "@dnd-kit/react": "0.0.9",
    "@faker-js/faker": "9.5.1",
    "@fontsource-variable/inter": "5.2.5",
    "@hookform/resolvers": "5.0.1",
    "@radix-ui/primitive": "1.1.2",
    "@radix-ui/react-alert-dialog": "1.1.10",
    "@radix-ui/react-aspect-ratio": "1.1.4",
    "@radix-ui/react-avatar": "1.1.6",
    "@radix-ui/react-checkbox": "1.2.2",
    "@radix-ui/react-collapsible": "1.1.7",
    "@radix-ui/react-compose-refs": "1.1.2",
    "@radix-ui/react-context-menu": "2.2.10",
    "@radix-ui/react-dialog": "1.1.10",
    "@radix-ui/react-dropdown-menu": "2.1.10",
    "@radix-ui/react-label": "2.1.4",
    "@radix-ui/react-popover": "1.1.10",
    "@radix-ui/react-primitive": "2.1.0",
    "@radix-ui/react-progress": "1.1.4",
    "@radix-ui/react-scroll-area": "1.2.5",
    "@radix-ui/react-select": "2.2.2",
    "@radix-ui/react-separator": "1.1.4",
    "@radix-ui/react-slider": "1.3.2",
    "@radix-ui/react-slot": "1.2.0",
    "@radix-ui/react-switch": "1.2.2",
    "@radix-ui/react-tabs": "1.1.7",
    "@radix-ui/react-toggle": "1.1.6",
    "@radix-ui/react-tooltip": "1.2.3",
    "@radix-ui/react-use-controllable-state": "1.2.2",
    "@t3-oss/env-core": "0.12.0",
    "@tailwindcss/postcss": "^4.1.10",
    "@tailwindcss/vite": "^4.1.10",
    "@tanstack/react-query": "^5.80.7",
    "@tanstack/react-query-devtools": "^5.80.7",
    "@tanstack/react-router": "^1.121.21",
    "@tanstack/react-router-devtools": "^1.121.21",
    "@tanstack/react-router-with-query": "^1.121.21",
    "@tanstack/react-start": "^1.121.21",
    "@tanstack/react-virtual": "3.13.3",
    "axios": "1.8.3",
    "class-variance-authority": "0.7.1",
    "clsx": "2.1.1",
    "cmdk": "1.0.0",
    "date-fns": "4.1.0",
    "file-selector": "2.1.2",
    "frimousse": "0.1.0",
    "hex-color-to-color-name": "1.0.2",
    "input-otp": "1.4.2",
    "lucide-react": "0.501.0",
    "motion": "12.14.0",
    "postcss": "8.5.3",
    "pretty-bytes": "6.1.1",
    "react": "^19.1.0",
    "react-colorful": "5.6.1",
    "react-day-picker": "9.6.3",
    "react-dom": "^19.1.0",
    "react-dropzone": "14.3.8",
    "react-hook-form": "7.55.0",
    "react-scan": "0.3.3",
    "sonner": "2.0.1",
    "svix": "1.62.0",
    "tailwind-merge": "3.2.0",
    "tw-animate-css": "1.2.5",
    "vite-plugin-svgr": "4.3.0",
    "zod": "3.24.2",
    "zustand": "5.0.3"
  },
  "devDependencies": {
    "@types/node": "22.12.0",
    "@types/react": "19.1.8",
    "@types/react-dom": "19.1.6",
    "tailwindcss": "4.1.4",
    "typescript": "5.7.3",
    "vite": "^6.3.5",
    "vite-tsconfig-paths": "5.1.4"
  }
}

Your Example Website or App

https://border-monorepo-f9es2l8x2-duckinms-projects.vercel.app

Steps to Reproduce the Bug or Issue

1. Just enter the following url
2. Try to hit refresh

Expected behavior

CSS must be work instantly

Screenshots or Videos

No response

Platform

• OS: [e.g. macOS, Windows, Linux]
• Browser: [e.g. Chrome, Safari, Firefox]
• Version: [e.g. 91.1]

Additional context

No response

[schiller-manuel]

the link is not accessible. also, can you share a reproducer as git repo?

[Duckinm]

It seems like the issue is gone after I rebuilt and redeployed, so I’ll close this for now. If I can reproduce it, I’ll open the issue again.