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

Prop 'title' did not match. Server: "xxx" Client: "yyy" #26

Open
NerOcrO opened this issue Mar 20, 2024 · 1 comment
Open

Prop 'title' did not match. Server: "xxx" Client: "yyy" #26

NerOcrO opened this issue Mar 20, 2024 · 1 comment
Labels
bug Something isn't working

Comments

@NerOcrO
Copy link

NerOcrO commented Mar 20, 2024

Bonjour,

Pour reproduire le problème, je vous joins le dépôt en question.

J'ai intégré le design system sur NextJs 14.1.3 avec le code suivant :

<Script
  src="./script/jquery-3.5.1.min.js"
  strategy="beforeInteractive"
/>
<Script
  src="./script/vendor.js"
  strategy="beforeInteractive"
/>
<Script
  src="./script/app.js"
  strategy="beforeInteractive"
/>

J'ai aussi suivis les instructions du fichier layout-base.html.

Premier problème

L'infobulle fonctionne au premier chargement mais avec le message d'erreur suivant : Prop 'title' did not match. Server: "" Client: "<p>à renseigner</p>". C'est dommage mais ça fonctionne (j'ai cherché sur internet mais les solutions ne sont pas adapté à mon contexte).
Puis, quand je vais sur une autre page et que je reviens sur la première page en utilisant la navigation de NextJs (via le composant Link) alors l'infobulle ne s'affiche plus, c'est le title qui s'affiche.
Je suppose que les scripts ne se chargent plus...

Second problème

Les onglets et l'accordéon ne fonctionnent pas, le contenu est affiché par défaut sans message d'erreur et en regardant la source, je vois bien que le DOM n'est pas modifié.

Votre design system fonctionne très bien sur une page HTML basique mais dans mon contexte, j'ai du mal à comprendre ce qu'il peut manquer.
J'ai l'intuition qu'il y a un problème d'hydratation mais où ?
J'ai déjà utilisé le design system de l'état et je n'ai jamis eu de problème avec si ça peut aider.

Auriez vous une idée pour m'aider ?
Connaissez vous un site qui utilise le DS avec React ou NextJs ?
Je me tiens disponible pour en discuter de vive voix au besoin, @mfaurel a mon contact.

Fabien

@mfaurel mfaurel added the bug Something isn't working label Mar 20, 2024
@mfaurel mfaurel pinned this issue Mar 20, 2024
@mfaurel mfaurel unpinned this issue Mar 20, 2024
@ANS-publications
Copy link

Bonjour,
Après vérification par nos équipes, les trois composants en question fonctionnent correctement, ils n’ont d’ailleurs pas fait l’objet de modification récente.
Il semble que les problèmes remontés concernent spécifiquement le contexte de ce projet, sans les sources, il nous est difficile d’identifier l’origine du problème.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants