Erreur useEffect avec dépendance props.history manquante

Question

Bonjour Louis-Nicolas. Je n'ai jamais eu ce problème avant mais impossible d'utiliser le useEffect comme toi. J'ai cette erreur lors de la compilation dans VScode :
[eslint]
src/Containers/Articles/Articles.js
Line 8:8: React Hook useEffect has a missing dependency: 'props.history'. Either include it or remove the dependency array react-hooks/exhaustive-deps
Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.
WARNING in [eslint]
src/Containers/Articles/Articles.js
Line 8:8: React Hook useEffect has a missing dependency: 'props.history'. Either include it or remove the dependency array react-hooks/exhaustive-deps
webpack compiled with 1 warning
Et plein d'erreur en console navigateur.
Sais-tu pourquoi ? Je n'arrive pas à trouver la solution.
Merci de ton aide.

Thibault Delt · Accepted Answer

Louis-Nicolas, pour ma part, les props me retournent un array vide. Impossible donc d'utiliser props.history . Sais-tu si cela est dû à la V6 de react-dom-router ? MAJ du commentaire : On peut faire la redirection en utilisant le hook useNavigate() . // Library import { React, useEffect } from "react"; import { useNavigate } from "react-router-dom"; function Articles(props) { const navigate = useNavigate(); // componentDidMount useEffect(() => { navigate("/"); }, []); // JSX return ( <>

Articles

); } export default Articles;

Louis-Nicolas Leuillet · Answer

Bonjour Benjamin.
Le problème est que tu inclus props.history , je pense. Tu récupères bien les props dans le composant ?

Erreur useEffect avec dépendance props.history manquante

Créez des sites internet interactifs avec React 16 et Redux