Grosses instabilités ?

Ghost

Actuellement, j'ai l'impression que le site est très instable, suis-je le seul ?

J'ai récupère des erreurs en série avec le fond bleu :

Oups, une erreur est survenue :(

Voici l'erreur 

Rien qu'en déplaçant la carte avec la souris, j'ai souvent droit à cette erreur, bizarre...

1. laem

   Merci ! Il faut que je trouve un moyen de mieux afficher les messages d'erreur. Idéalement, brancher un outil qui les collecte.

   Je n'ai pas d'idée là de suite de ce qui pourrait clocher plus maintenant qu'à d'autres moments. Il n'y a pas plus de trafic que d'habitude.

2. laem

   Je viens de trouver une erreur quand on redimensionne la fenêtre, ça crashait à cause d'indoorequal.

3. laem

   Voilà, j'ai installé Sentry, on va pouvoir collecter et corriger les erreurs.

4. Ghost

   Je continue à avoir de grosses erreurs.

   Actuellement, je crashe à tous les coups sur cela :

   • faire une recherche d'adresse sur Lyon : genre 30 avenue marechal de saxe
   • cliquer sur : Y aller
   • pouf : erreur
5. Ghost

   Dans l'annuaire, 1 clic, ça va, 2 clic : erreur

   

6. laem

   Mince, impossible de reproduire de mon côté. Je vais regarder plus en détail demain avec les logs de Sentry pour savoir ce qu'il se passe chez toi.

7. Ghost

   Je peux te faire parvenir mon IP si cela te facilite la recherche.

8. Ghost

   Une petite démo car l'erreur ne vient pas tout le temps de la carte. Je ne sais pas ce qui cloche sur mon navigateur avec cartes.app.

   Au début, on ne voit pas mais je vide le cache et les cookies au cas où... Pas mis longtemps à avoir une erreur et sur la carte, c'est encore plus rapide.

   https://github.com/user-attachments/assets/d571e480-e1ef-4f9e-a3d7-168a868b45e4

9. Ghost

   À l'instant, je viens de cliquer sur le lien que tu as donné sur le forum (https://cartes.app/?allez=SNES-FSU%2BNormandie%2BRouen%7Cn7793246238%7C1.0831%7C49.4413), et au dernier moment, hop, erreur :(

10. laem

    Ce qui est rassurant du côté de Cartes.app, c'est que Sentry me dit que les erreurs restantes n'affectent que très peu d'utilisateurs (une poignée sur les 500 quotidiens).

    Mais on va corriger ça quand même.

    Il faut que je trouve un moyen d'afficher les erreurs côté client. Si Sentry ne les voit pas ou si je ne les comprends pas, ça marchera pas sans l'aide de l'utilisateur qui verra l'erreur.

11. Ghost

    Le plus simple pour faire ça c'est sûrement d'utiliser le composant ErrorBoundary de Sentry

    import { ErrorBoundary } from '@sentry/react';
    
    const CustomErrorBoundary = ({ children }) => {
      return <ErrorBoundary fallback={FallbackRender}>{children}</ErrorBoundary>;
    };
    

    Où FallbackRender affiche error?.message d'une manière un peu correcte

    const FallbackRender = ({ error, resetError }) => {
    // Affichage d'un message pour l'utilisateur
    
    <p>{error?.message ?? ''}</p>
    ...
    }
    

    Et après tu rajoutes ton CustomErrorBoundary dans le ClientLayout

12. Ghost

    S'il faut faire quelque chose, prévenez moi ^^

13. laem

    Ah merci @gadcam, je viens de voir ton message après avoir codé un truc perso.

    @bristow tu devrais voir l'erreur apparaitre la prochaine fois :)

    

14. Ghost

    Et voilà de mon côté la première erreur :

    The operation is insecure.

    Trace : $35344/eM/t/<@https://cartes.app/_next/static/chunks/7630-49a285e6a0beb8a1.js:16:3160 89186/t/</rg/this._updateHashUnthrottled@https://cartes.app/_next/static/chunks/05f6971a-d59277a6f503108a.js:53:3067 s@https://cartes.app/_next/static/chunks/05f6971a-d59277a6f503108a.js:53:2338 89186/t/</r_/<@https://cartes.app/_next/static/chunks/05f6971a-d59277a6f503108a.js:53:2408 remove@https://cartes.app/_next/static/chunks/05f6971a-d59277a6f503108a.js:53:3876 remove@https://cartes.app/_next/static/chunks/05f6971a-d59277a6f503108a.js:53:129288 21179/uL/R/<@https://cartes.app/_next/static/chunks/app/page-a5689034dfb2043b.js:1:370668 oT@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:82411 ii@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:101348 ia@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100609 io@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100809 ia@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100673 io@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100743 ia@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100673 io@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100743 ia@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100673 io@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100743 ia@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100673 io@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100743 ia@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100673 io@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100809 ia@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100673 io@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100809 uh@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:126001 59248/up/<@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:125553 up@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:125640 i9@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:110751 i8@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:110073 uO@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:129501 u_@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:127928 59248/up/<@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:125630 up@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:125640 i9@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:110751 i8@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:110073 uD@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:129378 R@https://cartes.app/_next/static/chunks/7630-49a285e6a0beb8a1.js:16:395392

15. laem

    Merci ! Ça viendrait de l'opération de changement d'URL. pushState et replaceState

16. laem

    Bon, j'ai beau chercher, impossible de reproduire ici. J'ai testé aussi avec Firefox-ESR, c'est ça que tu utilises ?

    Je suspecte une option de navigateur qui met une politique de sécurité plus stricte, qui transforme un truc sans problème en une erreur :/ que je n'arrive pas à reproduire.

17. Ghost

    J'arrive a reproduire avec firefox non esr version 134, en faisant recherche adresse sur Lyon puis y aller. Si je passe en navigation privée, plus de problème.

18. laem

    Si je passe en navigation privée, plus de problème.

    Deux possibilités :

    • vous avez une extension qui pose problème, elles sont désactivées en général en nav privée
    • vous avez une clef dans le localstorage qui pose problème

    Si vous savez le faire, possible de me copier-coller votre local storage ?

19. laem

    Ouvir la console JS (F12 ou clic droit inspecter puis onglet console) -> coller ce bout de code -> me donner le résultat (vérifiez si rien de compromettant pour vous).

    function getAllLocalStorageItems() {
        let items = {};
        for (let i = 0; i < localStorage.length; i++) {
            let key = localStorage.key(i);
            items[key] = localStorage.getItem(key);
        }
        return items;
    }
    
    getAllLocalStorageItems();
    

20. Ghost

    [Mael] Merci ! Je me suis permis de supprimer ton partage maintenant que je l'ai.

21. Ghost

    Bonjour, Je me suis permis de tester un peu, et clairement, de mon côté, c'était une extension qui est a blamer : clearurl Une extension qui enlève automatiquement les trackers des urls, trackers qui te servent entre autres a stocker des infos sur la position courante, le style d'affichage... Ca me semble cohérent (et au vu des reviews de l'app, c'est pas le seul site cassé comme ça :S) Je laisse @bristow voir si il a cette extension d'installée (ou quelque chose d'équivalent...)

22. Ghost

    Mais oui @lunaticstraydog J'ai aussi cette extension.

    Je m'en débarrasse et je reviens confirmer ici !

    Merci pour ce travail de recherche 🙏🏻

23. laem

    Wow, bien vu ! Elle a le potentiel en effet de casser le Web cette extension haha.

24. laem

    Je me permets de fermer, mais je liste dans une nouvelle issue.