[SOLVED] Web3 uikit error

Moralis General
#1

I was in zapper clone video and after installing web3 uikit I got this error in frontend in react :point_down:

image
image2490×690 68.9 KB

NativeToken.js code :point_down:

import React from "react";
import axios from "axios";

function NativeTokens({
  wallet,
  chain,
  nativeBalance,
  setNativeBalance,
  nativeValue,
  setNativeValue,
}) {
  async function getNativeBalance() {
    const response = await axios.get("http://localhost:8080/nativeBalance", {
      params: {
        address: wallet,
        chain: chain,
      },
    });
    console.log(response);
    if (response.data.balance && response.data.usd) {
      setNativeBalance((Number(response.data.balance) / 1e18).toFixed(3));
      setNativeValue(
        (
          (Number(response.data.balance) / 1e18) *
          Number(response.data.usd)
        ).toFixed(2)
      );
    }
  }

  return (
    <>
      <h1>Fetch Tokens</h1>
      <p>
        <button onClick={getNativeBalance}>Fetch Balance</button>
        <br />
        <span>
          Native Balance: {nativeBalance}, (${nativeValue})
        </span>
      </p>
    </>
  );
}

export default NativeTokens;
#2

Installing console-browserify: yarn add console-browserify and when you need to use console.log in component, you can import it as follows import console from 'console-browserify';. It should get that fixed

#3

thanks for your help it get that fixed :zap: