Replies: 1 comment 9 replies
-
|
How are you getting the wagmigotchiABI? |
Beta Was this translation helpful? Give feedback.
-
It's just not doing anything this time, the console.log is running but nothing else, as you can see I added the onError and onSuccess and neither are popping into the console log when I run it |
Beta Was this translation helpful? Give feedback.
-
|
Refetch has a return value. You could print that out to get a better understanding of what is going on. Last time I tried to make From your code, it looks like youre not actually calling refetch. It is missing the parenthesis right? ( |
Beta Was this translation helpful? Give feedback.
-
|
When I try to use
import Head from "next/head";
import { chakra,
Box,
useColorModeValue,
Button,
Stack,
Text,
Icon, } from "@chakra-ui/react";
import { useContractRead } from "wagmi";
import { Navbar, Landpage, Footer } from "../component";
var wagmigotchiABI =[{"inputs":[],"stateMutability":"nonpayable","type":"constructor"},{"anonymous":false,"inputs":[{"indexed":true,"internalType":"address","name":"caretaker","type":"address"},{"indexed":true,"internalType":"uint256","name":"amount","type":"uint256"}],"name":"CaretakerLoved","type":"event"},{"inputs":[],"name":"clean","outputs":[],"stateMutability":"nonpayable","type":"function"},{"inputs":[],"name":"feed","outputs":[],"stateMutability":"nonpayable","type":"function"},{"inputs":[],"name":"getAlive","outputs":[{"internalType":"bool","name":"","type":"bool"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"getBoredom","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"getHunger","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"getSleepiness","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"getStatus","outputs":[{"internalType":"string","name":"","type":"string"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"getUncleanliness","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"address","name":"","type":"address"}],"name":"love","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"play","outputs":[],"stateMutability":"nonpayable","type":"function"},{"inputs":[],"name":"sleep","outputs":[],"stateMutability":"nonpayable","type":"function"}]
export default function Home() {
const bgColor = useColorModeValue("blue.200", "blue.500");
const {refetch} = useContractRead(
{
addressOrName: '0xecb504d39723b0be0e3a9aa33d646642d1051ee1',
contractInterface: wagmigotchiABI
},
'love',{
onError(error) {
console.log('Error', error)
},
}, {
onSuccess(data) {
console.log('Success', data)
},
},
{args:'0xA0Cf798816D4b9b9866b5330EEa46a18382f251e'}
)
const handleButton = async () => {
console.log("handleButton has been called")
await refetch();
}
return (
<Box>
<Head>
<title> Test App</title>
<meta name="description" content="Test App" />
<link rel="icon" href="/favicon.ico" />
</Head>
<Navbar />
<Box> <Button onClick={handleButton}>TESTME</Button>
</Box>
<Landpage />
<Footer />
</Box>
);
} |
Beta Was this translation helpful? Give feedback.
-
|
Thats odd... Are you on wagmi v.0.3.x? |
Beta Was this translation helpful? Give feedback.
-
|
I was not, I was actually using another github boilerplate which included wagmi and it was well outdated so i restarted now with wagmi 0.3 |
Beta Was this translation helpful? Give feedback.
-
Hey all, I apologize if this is solely a react learning but I'm trying to learn to use Wagmi and following the documentation on useContractRead
I'm getting the invalid hook call but I can't figure it out why.
I want to have web elements that display the result of the read functions that I will call from the contract. In web3 native JS I can do this but with Wagmi + react I'm struggling to get why this error is happening. I tried moving the const into it's own function that's not uppercase, such as home() instead of using the Home() component.
Can someone give me a pointer?
Error:
Unhandled Runtime Error Error: Invalid hook call. Hooks can only be called inside of the body of a function componentBeta Was this translation helpful? Give feedback.
All reactions