Comment Résoudre les Conflits de Versions React avec @radix-ui/react-icons

Vous rencontrez une erreur de compatibilité entre @radix-ui/react-icons et React 19.0.0-rc. Cette erreur survient car @radix-ui/react-icons est compatible uniquement avec les versions 16.x à 18.x de React.

Solutions Détaillées

1. Rétrograder vers React 18 (Solution Recommandée)

Si React 19.0.0-rc n'est pas indispensable pour votre projet, la solution la plus sûre est de revenir à React 18.

# Installer React 18
npm install react@18 react-dom@18

# Réinstaller les dépendances
npm install tailwindcss-animate class-variance-authority lucide-react @radix-ui/react-icons clsx tailwind-merge

2. Mettre à Jour @radix-ui/react-icons

Vérifiez si une version plus récente supporte React 19:

npm update @radix-ui/react-icons

3. Utiliser --legacy-peer-deps (Solution Temporaire)

⚠️ Attention : Cette solution peut créer des problèmes de compatibilité futurs.

npm install tailwindcss-animate class-variance-authority lucide-react @radix-ui/react-icons clsx tailwind-merge --legacy-peer-deps

4. Avantages et Inconvénients de Chaque Solution

Conclusion

Pour un environnement de production stable, privilégiez la rétrogradation vers React 18. Si vous devez absolument utiliser React 19, attendez une mise à jour officielle de @radix-ui/react-icon compatible.