Instanciando el contrato de PlatziPunks

Una buena practica es dejar las referencias de las direcciones de los contratos en un .env para que sean facilmente modificables.

hola yo tenog el siguiente error al comprobar el codigo
Unhandled Rejection (TypeError): platziPunks.methods.maxSupply is not a function
(anonymous function)
C:/Users/monte/Desktop/platzi-punks/platzi-punks-interface/src/views/home/index.js:13
10 |
11 | const getMaxSupply = useCallback(async () => {
12 | if (platziPunks) {

13 | const result = await platziPunks.methods.maxSupply().call();
| ^ 14 | setMaxSupply(result);
15 | }
16 | }, [platziPunks]);

compare con el archivos de los recuros y esta todo igual

¡Y listo!

No me muestra el archivo Home, solo el diseño de la pagina. Y me sale este error en la consola:

Matched leaf route at location "/" does not have an element. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.

“Ahora que ya sabés cual es el propósito del ABI y cómo se conforma, lo siguiente que tenemos que hacer es implementarlo dentro de nuestra aplicación para tener una instancia del contrato inteligente disponible para su uso posterior. Esto nos va a a ayudar en abstraer los métodos de nuestro contrato ya que los podremos consumir desde cualquiera de las vistas que vamos a estar desarrollando”