Hydration Errors

There was a difference between the CSS rules that was pre-rendered from the server and the Master CSS rules that was rendered during the first render in the browser.

Causes

Why this error occurred

1. The server's compiled project manifest does not match the client's.
2. The server's version does not match the client's.

Solutions

Import the same manifest

import manifest from 'virtual:master-css-manifest'

import manifest from 'virtual:master-css-manifest'