Makes me want to define __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ in React App

[kazakov-wb]

Describe the bug

Hi, into React app i have this message.

Is this normal?

Reproduction

Showing my package.json

{
  "name": "",
  "version": "1.1.9",
  "private": true,
  "type": "module",
  "scripts": {
    "start": "vite --host",
    "dev": "vite",
    "build": "tsc && npm run lint && npm run stylelint && vite build",
    "lint": "eslint \"./**/*.{ts,tsx}\"  --max-warnings=0",
    "lint:fix": "eslint \"./**/*.{ts,tsx}\" --fix",
    "preview": "vite preview",
    "prepare": "is-ci || husky install",
    "test": "echo TEST",
    "stylelint": "npx stylelint \"./**/*.{css,scss}\"",
    "stylelint:fix": "npx stylelint \"./**/*.{css,scss}\" --fix",
    "check": "npx tsc && npm run lint && npm run stylelint",
    "build-stylelint-plugin": "node ./stylelint-rules/build.js"
  },
  "dependencies": {
    "@emotion/react": "^11.10.8",
    "@emotion/styled": "^11.10.8",
    "@hookform/resolvers": "^3.1.0",
    "@mui/icons-material": "^5.11.16",
    "@mui/lab": "^5.0.0-alpha.140",
    "@mui/material": "^5.12.3",
    "@mui/x-date-pickers": "^6.4.0",
    "@sentry/react": "^7.69.0",
    "@sentry/tracing": "^7.69.0",
    "@tabler/icons-react": "^2.47.0",
    "@tanstack/react-query": "^4.29.5",
    "@tanstack/react-query-devtools": "^4.35.3",
    "@types/react-transition-group": "^4.4.10",
    "classnames": "^2.3.2",
    "date-fns": "^2.30.0",
    "eslint-plugin-unused-imports": "^3.2.0",
    "http-proxy-middleware": "^2.0.6",
    "immer": "^10.0.3",
    "is-ci": "^3.0.1",
    "lint-staged": "^15.2.0",
    "lodash": "^4.17.21",
    "lz-string": "^1.5.0",
    "nanoid": "^5.0.4",
    "normalize.css": "^8.0.1",
    "notistack": "^3.0.1",
    "react": "^18.2.0",
    "react-dnd": "^16.0.1",
    "react-dnd-html5-backend": "^16.0.1",
    "react-dom": "^18.2.0",
    "react-dropzone": "^14.2.3",
    "react-hook-form": "^7.43.9",
    "react-imask": "^6.6.1",
    "react-markdown": "^8.0.7",
    "react-router5": "^8.0.1",
    "recoil": "^0.7.7",
    "remark-gfm": "^3.0.1",
    "router5": "^8.0.1",
    "router5-plugin-browser": "^8.0.1",
    "router5-plugin-logger": "^8.0.1",
    "sass": "^1.62.1",
    "zod": "^3.21.4",
    "zod-validation-error": "^1.3.1"
  },
  "devDependencies": {
    "@types/css-tree": "^2.3.7",
    "@types/eslint": "^8.56.3",
    "@types/lodash": "^4.14.194",
    "@types/react": "^18.2.43",
    "@types/react-dom": "^18.2.17",
    "@typescript-eslint/eslint-plugin": "^7.15.0",
    "@typescript-eslint/parser": "^7.15.0",
    "@vitejs/plugin-basic-ssl": "^1.1.0",
    "@vitejs/plugin-react": "4.3.1",
    "confusing-browser-globals": "^1.0.11",
    "css-tree": "^2.3.1",
    "esbuild": "^0.20.2",
    "eslint": "^8.56.0",
    "eslint-config-airbnb": "^19.0.4",
    "eslint-config-prettier": "^8.8.0",
    "eslint-import-resolver-typescript": "^3.5.5",
    "eslint-plugin-css-modules": "^2.12.0",
    "eslint-plugin-import": "^2.27.5",
    "eslint-plugin-jsx-a11y": "^6.7.1",
    "eslint-plugin-local-rules": "^2.0.1",
    "eslint-plugin-prettier": "^4.2.1",
    "eslint-plugin-react": "^7.32.2",
    "eslint-plugin-react-hooks": "^4.6.0",
    "eslint-plugin-react-refresh": "^0.4.5",
    "eslint-plugin-sonarjs": "^0.24.0",
    "eslint-plugin-unicorn": "^51.0.1",
    "husky": "^8.0.0",
    "postcss-scss": "^4.0.9",
    "prettier": "^2.8.8",
    "stylelint": "^16.2.1",
    "stylelint-config-standard-scss": "^12.0.0",
    "stylelint-declaration-block-no-ignored-properties": "^2.8.0",
    "stylelint-max-lines": "^0.1.0",
    "stylelint-no-unresolved-module": "^2.2.2",
    "stylelint-scss": "^6.0.0",
    "stylelint-z-index-value-constraint": "^1.4.0",
    "typescript": "^5.5.3",
    "vite": "5.3.3",
    "vite-plugin-checker": "0.7.0"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "workspaces": [
    "packages/hooks",
    "packages/ui-kit",
    "packages/utils",
    "packages/validators",
    "packages/showcase",
    "packages/libs",
    "packages/public-api",
    "packages/collection-api",
    "packages/omnifield-api",
    "packages/admin-api",
    "packages/apps/login",
    "packages/common-api",
    "packages/widgets",
    "packages/features",
    "packages/passport-api",
    "packages/gateway-api"
  ]
}

Expected behavior

I would like to not see this message in react app.

System Info

System:
    OS: macOS 13.6.2
    CPU: (10) arm64 Apple M1 Max
    Memory: 2.79 GB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.10.0 - ~/.nvm/versions/node/v20.10.0/bin/node
    npm: 10.2.3 - ~/.nvm/versions/node/v20.10.0/bin/npm
  Browsers:
    Chrome: 126.0.6478.185
    Safari: 16.6
  npmPackages:
    vite-plugin-checker: 0.7.0 => 0.7.0

Additional context

No response

Validations

• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[mihalukva]

Hi. This issue looks like #346. It's been fixed in release 0.7.1