Hydration failed sometimes not always, the diff remixDevTools shows almost is about style attribute.

[liuxinqiong]

Reproduction

Sorry, I can't reproduce it in a minimal repo.

System Info

System:
    OS: macOS 13.4.1
    CPU: (12) arm64 Apple M2 Max
    Memory: 139.52 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.13.1 - ~/.nvm/versions/node/v20.13.1/bin/node
    Yarn: 1.22.22 - ~/.nvm/versions/node/v20.13.1/bin/yarn
    npm: 10.5.2 - ~/.nvm/versions/node/v20.13.1/bin/npm
  Browsers:
    Chrome: 126.0.6478.127
    Firefox: 127.0.1
    Safari: 16.5.2
  npmPackages:
    @remix-run/dev: ^2.9.2 => 2.9.2 
    @remix-run/node: ^2.9.2 => 2.9.2 
    @remix-run/react: ^2.9.2 => 2.9.2 
    @remix-run/serve: ^2.9.2 => 2.9.2 
    vite: ^5.1.0 => 5.2.11

Used Package Manager

yarn

Expected Behavior

should always hydration success.

Actual Behavior

Sorry, maybe it's not a bug, but I have no idea to judge it.

In my project, the hydration not always succeed, sometimes failed. But I don't know why, the only thing I can provider is remix dev tools diff result when hydration failed.

The diff almost is relative to style prop, such as color auto convert to rgb, number calculate precesion, etc.

Another part of diff result is server side render lots of comment node. such as

I've been trying to figure out why for two days, but nothing came of it. I really need some help about it, thanks a lot.