I am able to read and write properties of smartcontract using wagmi when running on localhost .But when deployed to vercel i am able to connect to wallet but not able to read and write smart contract functions .

在localhost上运行时，我可以使用wagmi读取和写入智能合约的属性。但是当部署到vercel时，我可以连接到钱包，但无法读取和写入智能合约功能。

it's showing error

它正在显示错误

Uncaught (in promise) TypeError: y is not a function
e SetUsername.jsx:39
Babel 7
P SetUsername.jsx:35
React

import React, { useEffect, useState } from 'react'
import  {FaTimes} from 'react-icons/fa'
import { useContractRead, useContractWrite, usePrepareContractWrite, useWaitForTransaction } from 'wagmi'
import { useStateContext } from '../context'

const CreatePoll = () => {
    const {createPoll, setCreatePoll , account, contractAbi, contractAddress, setCandidates } = useStateContext()
    const [name, setName] = useState('')
    const [description, setDescription] = useState('')
    const [image, setImage] = useState('')

    const { config } = usePrepareContractWrite({
        address: contractAddress,
        abi: contractAbi,
        functionName: 'addCandidate',
        args: [name, description, image]
    })
    const {write,data} = useContractWrite(config)

    const { isSuccess } = useWaitForTransaction({
      hash: data?.hash,
    })

    const { refetch: refetchCandidates } = useContractRead({
      address: contractAddress,
      abi: contractAbi,
      functionName: 'getCandidates',
      onSuccess(data) {
        setCandidates(data)
      },
    });

    const handleSubmit = async(e) => {
        e.preventDefault()
        if(account){
            if(!name || !description || !image) return alert('plz fill in the form') 
            await write?.()
            onClose()
        } else{
            alert('Connect to metamask')
        }   
    }
    
    const onClose = ()=> {
        setName('')
        setDescription('')
        setImage('')
        setCreatePoll('scale-0')
    }
    
    useEffect(() => {
        refetchCandidates?.()
    }, [isSuccess]);

  return (
    <div className={`fixed h-screen w-screen top-0 z-50 left-0 flex items-center justify-center
            bg-black bg-opacity-50 transform transition-transform duration-400 ${createPoll}`}
        >
            <div className="bg-white shadow-xl shadow-black rounded-xl w-10/12 md:w-2/5 h-7/12 p-6">
                <form className="flex flex-col" onSubmit={handleSubmit}>
                    <div className="flex flex-row justify-between items-center">
                        <p className="font-bold text-gray-800">Insert Income Details</p>
                        <button
                            type="button"
                            onClick={onClose} 
                            className="border-0 bg-transparent hover:text-md focus:outline-none"
                        >
                            <FaTimes />
                        </button>
                    </div>

                    <div className="flex flex-row items-center justify-center rounded-lg bg-gray-800 mt-5">
                        <input 
                            type="text" 
                            className="block w-full p-2 text-sm text-slate-500 bg-transparent rounded-md border-0 focus:outline-none focuse:ring-0"
                            name="name"
                            placeholder="Name"
                            onChange={(e)=>setName(e.target.value)}
                            value={name}
                            required
                        />
                    </div>

                    <div className="flex flex-row items-center justify-center rounded-lg bg-gray-800 mt-5">
                        <textarea 
                            type="text" 
                            className="block w-full p-2 text-sm text-slate-500 bg-transparent rounded-md border-0 focus:outline-none focuse:ring-0"
                            name="description"
                            placeholder="Description"
                            onChange={(e)=>setDescription(e.target.value)}
                            value={description}
                            required
                        />
                    </div>

                    <div className="flex flex-row items-center justify-center rounded-lg bg-gray-800 mt-5">
                        <input 
                            type="url" 
                            className="block w-full p-2 text-sm text-slate-500 bg-transparent border-0 rounded-md  focus:outline-none focuse:ring-0"
                            name="image"
                            placeholder="Image"
                            onChange={(e)=>setImage(e.target.value)}
                            value={image}
                            required
                        />
                    </div>
                    <div className="flex flex-row items-center justify-center pt-10  rounded-lg">
                        <button className='btn bg-accent px-10 w-1/2 rounded-full' type='submit'> Submit</button>
                    </div>
                </form>
            </div>            
        </div>
  )
}

export default CreatePoll