Minimal reproduction of hydration issue

emotion-js/emotion#3222

Setup

1. Install Node.js and npm. Versions must match the package.json field engines requirements.
2. Duplicate .env.example as .env and configure the environment variables.
3. In the project directory, run npm install (see Install script).

For development, in a terminal in the project directory run npm run dev (see Dev script).

Your editor must support:

• EditorConfig
• Prettier (formatting on save is highly recommended)
• ESLint
• TypeScript

Scripts

These CLI scripts are used to install, build, serve, and quality check the project.

Install script

To install dependencies:

npm install

Dev script

To build the .next directory and serve the app, watching source files for changes to automatically rebuild and serve:

npm run dev

Build script

To build the .next directory:

npm run build

Serve script

Beforehand, run the build script (see Build script).

To serve the app:

npm run serve

Check script

To run all quality checks:

npm run check

Prettier script

To check formatting with Prettier:

npm run prettier

ESLint script

To lint with ESLint:

npm run eslint

Type check script

To type check with TypeScript:

npm run type-check

Find unused exports script

To find unused exports with find-unused-exports:

npm run find-unused-exports