fix missing chain ids

packages/nextjs/hooks/scaffold-eth/useScaffoldContract.ts

@@ -20,7 +20,10 @@ export const useScaffoldContract = <
   contractName: TContractName;
   walletClient?: TWalletClient | null;
 }) => {
-  const { data: deployedContractData, isLoading: deployedContractLoading } = useDeployedContractInfo(contractName);
+  const { data: deployedContractData, isLoading: deployedContractLoading } = useDeployedContractInfo(
+    contractName,
+    walletClient?.chain.id as number,
+  );
   const publicClient = usePublicClient();
 
   let contract = undefined;

packages/nextjs/hooks/scaffold-eth/useScaffoldContractRead.ts

@@ -1,7 +1,6 @@
 import type { ExtractAbiFunctionNames } from "abitype";
 import { useContractRead } from "wagmi";
 import { useDeployedContractInfo } from "~~/hooks/scaffold-eth";
-import { getTargetNetworks } from "~~/utils/scaffold-eth";
 import {
   AbiFunctionReturnType,
   ContractAbi,
@@ -26,10 +25,10 @@ export const useScaffoldContractRead = <
   args,
   ...readConfig
 }: UseScaffoldReadConfig<TContractName, TFunctionName>) => {
-  const { data: deployedContract } = useDeployedContractInfo(contractName);
+  const { data: deployedContract } = useDeployedContractInfo(contractName, readConfig.chainId as number);
 
   return useContractRead({
-    chainId: getTargetNetworks()[0].id,
+    chainId: readConfig.chainId as number,
     functionName,
     address: deployedContract?.address,
     abi: deployedContract?.abi,

packages/nextjs/hooks/scaffold-eth/useScaffoldContractWrite.ts

@@ -3,7 +3,7 @@ import { Abi, ExtractAbiFunctionNames } from "abitype";
 import { useContractWrite, useNetwork } from "wagmi";
 import { getParsedError } from "~~/components/scaffold-eth";
 import { useDeployedContractInfo, useTransactor } from "~~/hooks/scaffold-eth";
-import { getTargetNetworks, notification } from "~~/utils/scaffold-eth";
+import { getTargetById, notification } from "~~/utils/scaffold-eth";
 import { ContractAbi, ContractName, UseScaffoldWriteConfig } from "~~/utils/scaffold-eth/contract";
 
 type UpdatedArgs = Parameters<ReturnType<typeof useContractWrite<Abi, string, undefined>>["writeAsync"]>[0];
@@ -29,11 +29,11 @@ export const useScaffoldContractWrite = <
   blockConfirmations,
   ...writeConfig
 }: UseScaffoldWriteConfig<TContractName, TFunctionName>) => {
-  const { data: deployedContractData } = useDeployedContractInfo(contractName);
+  const { data: deployedContractData } = useDeployedContractInfo(contractName, writeConfig.chainId as number);
   const { chain } = useNetwork();
   const writeTx = useTransactor();
   const [isMining, setIsMining] = useState(false);
-  const configuredNetwork = getTargetNetworks()[0];
+  const configuredNetwork = getTargetById(writeConfig.chainId as number);
 
   const wagmiContractWrite = useContractWrite({
     address: deployedContractData?.address,

packages/nextjs/hooks/scaffold-eth/useScaffoldEventHistory.ts

@@ -6,7 +6,7 @@ import * as chains from "viem/chains";
 import { usePublicClient } from "wagmi";
 import { useDeployedContractInfo } from "~~/hooks/scaffold-eth";
 import scaffoldConfig from "~~/scaffold.config";
-import { getTargetNetworks } from "~~/utils/scaffold-eth";
+import { getTargetById } from "~~/utils/scaffold-eth";
 import { replacer } from "~~/utils/scaffold-eth/common";
 import {
   ContractAbi,
@@ -27,6 +27,7 @@ import {
  * @param config.receiptData - if set to true it will return the receipt data for each event (default: false)
  * @param config.watch - if set to true, the events will be updated every pollingInterval milliseconds set at scaffoldConfig (default: false)
  * @param config.enabled - set this to false to disable the hook from running (default: true)
+ * @param config.chainId - a chain where contract is deployed
  */
 export const useScaffoldEventHistory = <
   TContractName extends ContractName,
@@ -44,15 +45,19 @@ export const useScaffoldEventHistory = <
   receiptData,
   watch,
   enabled = true,
+  chainId,
 }: UseScaffoldEventHistoryConfig<TContractName, TEventName, TBlockData, TTransactionData, TReceiptData>) => {
   const [events, setEvents] = useState<any[]>();
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState<string>();
   const [fromBlockUpdated, setFromBlockUpdated] = useState<bigint>(fromBlock);
 
-  const { data: deployedContractData, isLoading: deployedContractLoading } = useDeployedContractInfo(contractName);
+  const { data: deployedContractData, isLoading: deployedContractLoading } = useDeployedContractInfo(
+    contractName,
+    chainId,
+  );
   const publicClient = usePublicClient();
-  const configuredNetwork = getTargetNetworks()[0];
+  const configuredNetwork = getTargetById(chainId);
 
   const readEvents = async (fromBlock?: bigint) => {
     setIsLoading(true);

packages/nextjs/hooks/scaffold-eth/useScaffoldEventSubscriber.ts

@@ -2,7 +2,6 @@ import { Abi, ExtractAbiEventNames } from "abitype";
 import { Log } from "viem";
 import { useContractEvent } from "wagmi";
 import { addIndexedArgsToEvent, useDeployedContractInfo } from "~~/hooks/scaffold-eth";
-import { getTargetNetworks } from "~~/utils/scaffold-eth";
 import { ContractAbi, ContractName, UseScaffoldEventConfig } from "~~/utils/scaffold-eth/contract";
 
 /**
@@ -20,8 +19,9 @@ export const useScaffoldEventSubscriber = <
   contractName,
   eventName,
   listener,
+  chainId,
 }: UseScaffoldEventConfig<TContractName, TEventName>) => {
-  const { data: deployedContractData } = useDeployedContractInfo(contractName);
+  const { data: deployedContractData } = useDeployedContractInfo(contractName, chainId as number);
 
   const addInexedArgsToLogs = (logs: Log[]) => logs.map(addIndexedArgsToEvent);
   const listenerWithIndexedArgs = (logs: Log[]) =>
@@ -30,7 +30,7 @@ export const useScaffoldEventSubscriber = <
   return useContractEvent({
     address: deployedContractData?.address,
     abi: deployedContractData?.abi as Abi,
-    chainId: getTargetNetworks()[0].id,
+    chainId: chainId,
     listener: listenerWithIndexedArgs,
     eventName,
   });

packages/nextjs/pages/approve.tsx

@@ -6,7 +6,7 @@ import { ContractName } from "~~/utils/scaffold-eth/contract";
 import { getContractNames } from "~~/utils/scaffold-eth/contractNames";
 
 const selectedContractStorageKey = "scaffoldEth2.selectedContract";
-const contractNames = getContractNames();
+const contractNames = getContractNames(11155111);
 
 const Approve: NextPage = () => {
   const [selectedContract, setSelectedContract] = useLocalStorage<ContractName>(
@@ -15,7 +15,7 @@ const Approve: NextPage = () => {
   );
 
   useEffect(() => {
-    if (!contractNames.includes(selectedContract)) {
+    if (!contractNames.includes(selectedContract as string)) {
       setSelectedContract(contractNames[0]);
     }
   }, [selectedContract, setSelectedContract]);

packages/nextjs/pages/bridge.tsx

@@ -7,7 +7,7 @@ import { ContractName } from "~~/utils/scaffold-eth/contract";
 import { getContractNames } from "~~/utils/scaffold-eth/contractNames";
 
 const selectedContractStorageKey = "scaffoldEth2.selectedContract";
-const contractNames = getContractNames();
+const contractNames = getContractNames(11155111);
 
 const Bridge: NextPage = () => {
   const [selectedContract, setSelectedContract] = useLocalStorage<ContractName>(
@@ -16,7 +16,7 @@ const Bridge: NextPage = () => {
   );
 
   useEffect(() => {
-    if (!contractNames.includes(selectedContract)) {
+    if (!contractNames.includes(selectedContract as string)) {
       setSelectedContract(contractNames[0]);
     }
   }, [selectedContract, setSelectedContract]);

packages/nextjs/pages/register.tsx

@@ -6,7 +6,7 @@ import { ContractName } from "~~/utils/scaffold-eth/contract";
 import { getContractNames } from "~~/utils/scaffold-eth/contractNames";
 
 const selectedContractStorageKey = "scaffoldEth2.selectedContract";
-const contractNames = getContractNames();
+const contractNames = getContractNames(11155111);
 
 const Register: NextPage = () => {
   const [selectedContract, setSelectedContract] = useLocalStorage<ContractName>(
@@ -15,7 +15,7 @@ const Register: NextPage = () => {
   );
 
   useEffect(() => {
-    if (!contractNames.includes(selectedContract)) {
+    if (!contractNames.includes(selectedContract as string)) {
       setSelectedContract(contractNames[0]);
     }
   }, [selectedContract, setSelectedContract]);

packages/nextjs/pages/setup.tsx

@@ -7,7 +7,7 @@ import { ContractName } from "~~/utils/scaffold-eth/contract";
 import { getContractNames } from "~~/utils/scaffold-eth/contractNames";
 
 const selectedContractStorageKey = "scaffoldEth2.selectedContract";
-const contractNames = getContractNames();
+const contractNames = getContractNames(11155111);
 
 const Setup: NextPage = () => {
   const [selectedContract, setSelectedContract] = useLocalStorage<ContractName>(
@@ -16,7 +16,7 @@ const Setup: NextPage = () => {
   );
 
   useEffect(() => {
-    if (!contractNames.includes(selectedContract)) {
+    if (!contractNames.includes(selectedContract as string)) {
       setSelectedContract(contractNames[0]);
     }
   }, [selectedContract, setSelectedContract]);

packages/nextjs/utils/scaffold-eth/contract.ts

@@ -241,6 +241,7 @@ export type UseScaffoldEventHistoryConfig<
   receiptData?: TReceiptData;
   watch?: boolean;
   enabled?: boolean;
+  chainId: number;
 };
 
 export type UseScaffoldEventHistoryData<