ant-design entre en conflit avec React et provoque le crash de l'application, comment résoudre le conflit ?

Question

J'ai mis à niveau vers React 18.2.0. Parfois, l'application se bloque. La page du navigateur ne répond plus. Quel pourrait être le problème? J'ai remarqué que cela se produit lors de l'interaction avec des éléments qui affichent des popups dans Ant-design 4 (Cascader, Select, etc.). Comment puis-je résoudre ce problème? Je dois dire d'emblée qu'il n'est pas possible de mettre à jour ant-design vers la dernière version car tous les styles sont désormais sur less et en version 5 styled-components

Je ne sais pas ce que je peux faire. Peut-être utiliser FlushSync ? Mais je ne sais pas où

Answer 1

Je pense que cela est lié au mode strict de React 18 ou peut-être à un bug d'Ant-Design sur les versions précédentes, ma suggestion est d'essayer de mettre à niveau votre version d'Ant-design vers 5.x (si possible) ou Au moins 4.24. 12 (pour éviter toute interruption majeure de la mise à jour), veuillez fournir des journaux de crash ou plus de détails sur l'utilisation du code si cela ne vous aide pas.