import { createAppKit } from '@reown/appkit/react'
import { WagmiAdapter } from '@reown/appkit-adapter-wagmi'
import { http, WagmiProvider, CreateConnectorFn } from 'wagmi'
import { abstractTestnet } from '@reown/appkit/networks'
// you need to add the abstract library in order to make it work
import { abstractWalletConnector } from "@abstract-foundation/agw-react/connectors";
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
const queryClient = new QueryClient()
export const projectId = process.env.NEXT_PUBLIC_PROJECT_ID
const metadata = {
//...
}
// create the custom connector (in this example Abastract)
const connectors: CreateConnectorFn[] = []
connectors.push(abstractWalletConnector())
export const networks = [abstractTestnet]
export const wagmiAdapter = new WagmiAdapter({
connectors,
projectId,
networks
})
export const config = wagmiAdapter.wagmiConfig
createAppKit({
adapters: [wagmiAdapter],
projectId,
networks
})
export function ContextProvider({ children }) {
return (
<WagmiProvider config={config}>
<QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
</WagmiProvider>
)
}