Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Minified React error #418 #6282

Open
m-maillot opened this issue Nov 13, 2024 · 3 comments
Open

Minified React error #418 #6282

m-maillot opened this issue Nov 13, 2024 · 3 comments
Labels

Comments

@m-maillot
Copy link
Contributor

m-maillot commented Nov 13, 2024

On a des erreurs minified : Minified React error #418; visit https://react.dev/errors/418

Voici la liste dans la dernière release :
https://sentry.fabrique.social.gouv.fr/organizations/incubateur/issues/?environment=production&query=is%3Aunresolved+release%3Av4.162.0+%23418&referrer=issue-list&sort=freq&statsPeriod=24h

@m-maillot m-maillot changed the title Erreur sur les fiches MT Minified React error #418 Nov 13, 2024
@m-maillot m-maillot added the bug label Nov 13, 2024
@m-maillot
Copy link
Contributor Author

Voici ce que la doc React dit à propos de l'erreur :

Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch[missing argument]

@m-maillot
Copy link
Contributor Author

J'ai tenté de voir ce que dit la stacktrace mais l'erreur se situe dans le package react-dom :

{
  source: '../../node_modules/next/dist/compiled/react-dom/cjs/react-dom.production.min.js',
  line: 198,
  column: 0,
  name: 'memoizedState'
}
{
  source: '../../node_modules/next/dist/compiled/react-dom/cjs/react-dom.production.min.js',
  line: 253,
  column: 199,
  name: 'a'
}
{
  source: '../../node_modules/next/dist/compiled/react-dom/cjs/react-dom.production.min.js',
  line: 264,
  column: 299,
  name: null
}
{
  source: '../../node_modules/next/dist/compiled/react-dom/cjs/react-dom.production.min.js',
  line: 264,
  column: 299,
  name: 'Xk'
}
{
  source: '../../node_modules/next/dist/compiled/react-dom/cjs/react-dom.production.min.js',
  line: 264,
  column: 321,
  name: 'al'
}
{
  source: '../../node_modules/next/dist/compiled/react-dom/cjs/react-dom.production.min.js',
  line: 280,
  column: 257,
  name: 'Jd'
}
{
  source: '../../node_modules/next/dist/compiled/react-dom/cjs/react-dom.production.min.js',
  line: 70,
  column: 380,
  name: 'Error'
}

@m-maillot
Copy link
Contributor Author

A surveiller si toujours présentes dans les erreurs

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant