Filtrando los PlatziPunks por cuenta

Si se les presenta este error:

“useHistory is not exported form react-router-dom”

Solucion:

Estas lineas

import { useHistory, useLocation } from "react-router-dom";
...
const { push } = useHistory();
...

if (isValid) push(`/punks?address=${address}`);
    } else {
      push("/punks")

Sustituirlas por:

import { useNavigate, useLocation } from "react-router-dom";
....
const navigate = useNavigate();
....
if (isValid) navigate(`/punks?address=${address}`);
    } else {
      navigate("/punks");

Agregué este pequeño complemento para reciniciar los funkos cuando precionan “Punks”, que yo cambie el nombre a “All Punks”

  const my_url=new URLSearchParams(search).get("address")
  useEffect(() => {
    setAddress(my_url);
  }, [my_url]);

useHistory esta deprecado en react-router-dom v6
hay que remplazarlo con useNavigate

Remplazo de history.push()

	const navigate = useNavigate();
	
	navigate('<Ruta a la que quieres ir>')