No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Configurando Web3-React

7/22
Recursos

Aportes 9

Preguntas 8

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Yendo al github sale en main todo lo referido a la v8 que esta en beta, para usar esa version ya no existe injected-connector, si no que hay un connector especificamente para metamask.
El profe esta usando la v6, que en el repo pueden acceder a la docu moviendose a la branch que se llama v6.

En /src/config/web3 el import de web3 hay que hacer tal que:
import Web3 from ‘web3/dist/web3.min’;
Por el problema de la versión de webpack.

El mainLayout debe envolver routes, así quedaría

import { Route, Routes } from "react-router-dom";
import Home from "./views/home";
import MainLayout from "./layouts/main";

function App() {
  return (
    
      <MainLayout>
      <Routes>
       <Route path="/" exact element={<Home/>} />
      </Routes>
     </MainLayout>
  );
}

export default App;

Aqui encontraran la misma version que se instala en el video
https://github.com/NoahZinsmeister/web3-react/tree/v6

Si alguien tiene problemas con con la ejecucion del proyecto agregen la carpeta hooks con todo su contenido

agregando el injected se me rompe la app alguien sabe como solucionarlo?

si alguno tiene problemas despues de conectar su wallet a la app con la consola indicandoles que web3(provider) no es un metodo valido, solo quitenle los {} que envuelven al import de Web3 en el archivo config/web3/index
😃

Resolviendo el reto:

const shortAddress = (account) => {
  const newAddress = useMemo(
    () => `${account?.substr(0, 5)}...${account?.substr(-4)}`,
    [account]
  );

  return newAddress;
};