k
34 lines
929 B
TypeScript
34 lines
929 B
TypeScript
'use client'
|
|
|
|
import { WagmiProvider } from 'wagmi'
|
|
import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
|
|
import { useState } from 'react'
|
|
import { config } from '@/lib/wagmi'
|
|
import '@rainbow-me/rainbowkit/styles.css'
|
|
|
|
interface ProvidersProps {
|
|
children: React.ReactNode
|
|
}
|
|
|
|
export default function Providers({ children }: ProvidersProps) {
|
|
const [queryClient] = useState(() => new QueryClient())
|
|
|
|
return (
|
|
<WagmiProvider config={config}>
|
|
<QueryClientProvider client={queryClient}>
|
|
<RainbowKitProvider
|
|
theme={darkTheme({
|
|
accentColor: '#f97316',
|
|
accentColorForeground: '#000000',
|
|
borderRadius: 'medium',
|
|
overlayBlur: 'small',
|
|
})}
|
|
>
|
|
{children}
|
|
</RainbowKitProvider>
|
|
</QueryClientProvider>
|
|
</WagmiProvider>
|
|
)
|
|
}
|