11import { QueryClient , QueryClientProvider } from '@tanstack/react-query'
22import type { PropsWithChildren } from 'react'
3+ import { HelmetProvider } from 'react-helmet-async'
34import { Toaster } from 'sonner'
45
56import ErrorBoundary from './error-boundary'
@@ -17,31 +18,33 @@ const queryClient = new QueryClient({
1718function AppProviders ( { children } : PropsWithChildren ) {
1819 return (
1920 < ErrorBoundary >
20- < QueryClientProvider client = { queryClient } >
21- { children }
22- < Toaster
23- position = "top-center"
24- style = { { zIndex : 9999 } }
25- toastOptions = { {
26- style : {
27- borderRadius : '16px' ,
28- padding : '12px 20px' ,
29- fontSize : '14px' ,
30- fontWeight : 600 ,
31- background : 'var(--surface)' ,
32- color : 'var(--text)' ,
33- boxShadow : '0 8px 32px -8px rgba(0,0,0,0.2)' ,
34- border : '1px solid var(--line)'
35- } ,
36- classNames : {
37- success : '!bg-wefin-mint !text-white !border-wefin-mint-deep/30' ,
38- error : '!bg-wefin-red !text-white !border-wefin-red/30' ,
39- warning : '!bg-wefin-amber !text-white !border-wefin-amber/30'
40- }
41- } }
42- offset = { 20 }
43- />
44- </ QueryClientProvider >
21+ < HelmetProvider >
22+ < QueryClientProvider client = { queryClient } >
23+ { children }
24+ < Toaster
25+ position = "top-center"
26+ style = { { zIndex : 9999 } }
27+ toastOptions = { {
28+ style : {
29+ borderRadius : '16px' ,
30+ padding : '12px 20px' ,
31+ fontSize : '14px' ,
32+ fontWeight : 600 ,
33+ background : 'var(--surface)' ,
34+ color : 'var(--text)' ,
35+ boxShadow : '0 8px 32px -8px rgba(0,0,0,0.2)' ,
36+ border : '1px solid var(--line)'
37+ } ,
38+ classNames : {
39+ success : '!bg-wefin-mint !text-white !border-wefin-mint-deep/30' ,
40+ error : '!bg-wefin-red !text-white !border-wefin-red/30' ,
41+ warning : '!bg-wefin-amber !text-white !border-wefin-amber/30'
42+ }
43+ } }
44+ offset = { 20 }
45+ />
46+ </ QueryClientProvider >
47+ </ HelmetProvider >
4548 </ ErrorBoundary >
4649 )
4750}
0 commit comments