React router v6 - useLocation et Link

Vous ne pouvez pas procéder comme dans la video. Il faut utiliser useLocation() de React Router.

La syntaxe du Link dans routerv6 est la suivante :

<Link to={routes.AJOUTER} state={ {article: article} }>
        <button>Modifier</button>
</Link>

Dans votre composant Ajouter.js, importer useLocation() :

import { useNavigate, useLocation } from "react-router-dom";

Ensuite vous aurez accès au state en faisant :

const getState = useLocation(props)
console.log(getState.state.article)

Ou directement :

const getState = useLocation(props).state.article