Lesson 10 Update front-end; my UpdateAbi and UpdateAddresses functions

[AyodejiKomolafe]

I am following along with the tutorial, when i run hh node i get this error

            error = new TypeError(message);
                    ^
TypeError: invalid value for Contract target (argument="target", value=null, code=INVALID_ARGUMENT, version=6.11.1)
    at makeError (/Users/kvngeko/Desktop/Cyfrin/Hardhat/hh-smartcontract-lottery/node_modules/ethers/src.ts/utils/errors.ts:687:21)
    at assert (/Users/kvngeko/Desktop/Cyfrin/Hardhat/hh-smartcontract-lottery/node_modules/ethers/src.ts/utils/errors.ts:715:25)
    at assertArgument (/Users/kvngeko/Desktop/Cyfrin/Hardhat/hh-smartcontract-lottery/node_modules/ethers/src.ts/utils/errors.ts:727:5)
    at new BaseContract (/Users/kvngeko/Desktop/Cyfrin/Hardhat/hh-smartcontract-lottery/node_modules/ethers/src.ts/contract/contract.ts:686:23)
    at new Contract (/Users/kvngeko/Desktop/Cyfrin/Hardhat/hh-smartcontract-lottery/node_modules/ethers/src.ts/contract/contract.ts:1120:1)
    at getContractAtFromArtifact (/Users/kvngeko/Desktop/Cyfrin/Hardhat/hh-smartcontract-lottery/node_modules/@nomicfoundation/hardhat-ethers/src/internal/helpers.ts:413:18)
    at updateContractAddresses (/Users/kvngeko/Desktop/Cyfrin/Hardhat/hh-smartcontract-lottery/deploy/02-update-front-end.js:26:18) ```

This is my update front end file.

const fs = require("fs");
require("dotenv").config();

const FRONT_END_ADDRESSES_FILE =
  "../nextjs-smartcontract-lottery/constants/contractAddresses.json";
const FRONT_END_ABI_FILE = "../nextjs-smartcontract-lottery/constants/abi.json";

module.exports = async function () {
  if (process.env.UPDATE_FRONT_END) {
    updateContractAddresses();
    updateAbi();
  }
};

async function updateAbi( ) {
  const raffle = await ethers.getContractAt("Raffle");
  fs.writeFileSync(FRONT_END_ABI_FILE, raffle.interface.formatJson());
}

async function updateContractAddresses() {
  const raffle = await ethers.getContractAt("Raffle");
  const chainId = network.config.chainId.toString();
  const currentAddresses = JSON.parse(
    fs.readFileSync(FRONT_END_ADDRESSES_FILE, "utf-8")
  );
  if (chainId in contractAddress) {
    if (!contractAddress[chainId].includes(raffle.address)) {
      currentAddresses[chainId].push(raffle.address);
    }
  }
  {
    currentAddresses[chainId] = [raffle.address];
  }
  fs.writeFileSync(FRONT_END_ADDRESSES_FILE, JSON.stringify(currentAddresses));
}

module.exports.tags = ["all", "frontend"];

[Nlferu]

Hi @AyodejiKomolafe

You are probably using ethers v6. In course Patrick is using ethers v5, so you have two options:

1. Fix your dependencies to match course repo versions
2. Fix your syntax to ethers v6

[AyodejiKomolafe]

I tried doing that in the beginning of the course and just ran into more problems. so far in the course, i have managed to fix any problem thats v6 related and my code is all v6 related. majorly doing this to at least know how the same concept works in v6 and also hopefully someone else taking the course may find my repo useful if they too use v6 and run into these problems. Hence why i would like to know a way to solve this. any help will be appreciated.

[Nlferu]

@AyodejiKomolafe

If you are doing it on ethers v6 why didnt you just checkout ethers v6 documentation? I was doing whole course on v5 but in your code it seems like you did 0 changes from v5 into v6. For example most basic syntax error in your code is calling address by using .address instead of getAddress() function. Another syntax error is using getContractAt with 1 argument, where this function requires 2 arguments (that should fix your current error btw). There might be more of those, and if you want to stick to v6 thats very good but you should follow documentation and write whole code by yourself instead of recreating all from course and following wrong syntax.

[Nlferu]

To sum up. I just gave you solution to your problem. If you want to become programmer you should solve it from here by either fixing your syntax or downgrading package version.

[AyodejiKomolafe]

Thank you very much, I'll make the changes and revert. Appreciate your time

[Nlferu]

Just fix the getContractAt("Raffle") into getContractAt("Raffle", address) or into getContract("Raffle") that should work

[AyodejiKomolafe]

Anyone using ethers v6, looking for working syntax can use this: had to use a longer path because it kept saying the path did not exist.

const fs = require("fs");
require("dotenv").config();
const {
  developmentChains,
  networkConfig,
} = require("../helper-hardhat-config.js");

const FRONT_END_ADDRESSES_FILE =
  "/Users/kvngeko/Desktop/Cyfrin/Hardhat/hh-smartcontract-lottery/nexjs-smartcontract-lottery/constants/contractAddresses.json";
const FRONT_END_ABI_FILE = "/Users/kvngeko/Desktop/Cyfrin/Hardhat/hh-smartcontract-lottery/nexjs-smartcontract-lottery/constants/abi.json";

module.exports = async function () {
  if (process.env.UPDATE_FRONT_END) {
     updateContractAddresses();
     updateAbi();
  }
};

async function updateAbi() {
  const {deploy, log} = deployments
  const raffleAddress = (await deployments.get("Raffle")).address
  const raffle = await ethers.getContractAt("Raffle", raffleAddress);
  fs.writeFileSync(FRONT_END_ABI_FILE, raffle.interface.formatJson());
}

async function updateContractAddresses() {
  const {deploy, log} = deployments
  const raffleAddress = (await deployments.get("Raffle")).address
  const raffle = await ethers.getContractAt("Raffle", raffleAddress);
  const chainId = network.config.chainId.toString();
  const currentAddresses = JSON.parse(
    fs.readFileSync(FRONT_END_ADDRESSES_FILE, "utf-8")
  );
  if (chainId in currentAddresses) {
    if (!currentAddresses[chainId].includes(raffle.target)) {
      currentAddresses[chainId].push(raffle.target);
    }
  }
  {
    currentAddresses[chainId] = [raffle.target];
  }
  fs.writeFileSync(FRONT_END_ADDRESSES_FILE, JSON.stringify(currentAddresses));
}

module.exports.tags = ["all", "frontend"];```