Skip to content

[Bug?]: [examples/with-unocss] Hydration mismatch caused by Tailwind reset import during SSR #1980

@KUN1007

Description

@KUN1007

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

Current behavior 😯

When using the official with-unocss example, hydration mismatches occur due to how the Tailwind reset CSS is imported.

Expected behavior 🤔

No response

Steps to reproduce 🕹

Steps:

  1. Clone this repository and navigate to the examples/with-unocss folder
cd examples/with-unocss
pnpm i
pnpm dev
  1. Notice hydration mismatch and layout/style shift on initial load

Image

Context 🔦

No response

Your environment 🌎

Operating System:
  Platform: win32
  Arch: x64
  Version: Windows 10 Pro
  Available memory (MB): 16291
  Available CPU cores: 16
Binaries:
  Node: 22.14.0
  npm: 10.9.2
  Yarn: N/A
  pnpm: 10.12.1
Relevant Packages:
  @solidjs/router: 0.15.0
  @solidjs/start: 1.1.0
  @unocss/reset: 0.65.1
  solid-js: 1.9.5
  unocss: 0.65.1
  vinxi: 0.5.7

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions