@scaffold-ui/debug-contracts

Debug contracts component.

Installation

Note: This package requires @scaffold-ui/components and @scaffold-ui/hooks as peer dependencies.

``bash
npm install @scaffold-ui/components @scaffold-ui/hooks @scaffold-ui/debug-contracts


or

yarn add @scaffold-ui/components @scaffold-ui/hooks @scaffold-ui/debug-contracts

or

pnpm add @scaffold-ui/components @scaffold-ui/hooks @scaffold-ui/debug-contracts
`

#### Props

- contracts (required): An object containing deployed contracts organized by chain ID, where each contract includes address and ABI
- chainId (required): The chain ID to use for debugging contracts (number)
- blockExplorerAddressLink (optional): The block explorer link for the contract address

Usage

`tsx
import { Contract } from "@scaffold-ui/debug-contracts";
import "@scaffold-ui/debug-contracts/styles.css";
import { sepolia } from "viem/chains";

// Define your deployed contracts
const deployedContracts = {
address: "0xBf6D6faFE5B0C009E5447A27A94E093F490Dd0FC",
abi: [
// ... your contract ABI
],
} as const;

function App() {
return (
contracts={deployedContracts}
chainId={sepolia.id}
/>
);
}
``