Subscribe on changes!

SSR hydration mismatch on input type checkbox/radio with value `null`

avatar
Jan 11th 2024

Vue version

3.4.10

Link to minimal reproduction

https://play.vuejs.org/#__SSR__eNqNUbFOwzAQ/ZWTl4JU2qFblCIB6gADIGD0EtJrcXFsyz6HoCj/ztlRS4eq6mT7vXfP7+l6cefcrI0oClGG2itHEJCiu5VGNc56gh48bmCAjbcNTFg6kUaa2ppA0Ng1algmxZWJWl9LU85HGzbgB2HjdEXIL4BSGRcJ6NfhUgpfrZWVAtqb7MJIPhkp2krHJEmWUpyYrb+w/v603YXj5fwoh5gKChx/o7azXbCGm/fpB3a1jVMa/YsjxfWkKCAziau0tj9PGSMfcbrHc5IT+C5wuIIvrx4D+halOHBU+S3SSK/en7Hj+4HkFlGz+gz5hsHqmDKOsvto1hz7SJfTPub9KbP9CKuO0IR9qRQ0KYesl4J3+nCm+n/cxWyR56QZxPAHq7W/Bw==

Steps to reproduce

Check console on load in SSR mode

What is expected?

No hydration error

What is actually happening?

Hydration attribute mismatch on <input type=​"radio" checked>​

  • rendered on server: value="on"
  • expected on client: value="" Hydration attribute mismatch on <input type=​"checkbox">​
  • rendered on server: value="on"
  • expected on client: value=""

System Info

node 18

Any additional comments?

No response