From d6ba7e1231bcaf37af92a65931cae2e168ea4b4e Mon Sep 17 00:00:00 2001
From: Nur Fikri <codingki@gmail.com>
Date: Thu, 7 Nov 2024 03:14:11 +0700
Subject: [PATCH] update provider

---
 src/pages/_app.tsx   |  8 +++++++-
 src/pages/widget.tsx | 14 +++++++-------
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 8740a9c1..b94bc748 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -4,13 +4,19 @@ import { Analytics } from "@vercel/analytics/react";
 import { AppProps } from "next/app";
 
 import { DefaultSeo } from "@/components/DefaultSeo";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import React from "react";
 
 export default function App({ Component, pageProps }: AppProps) {
+  const [queryClient] = React.useState(() => new QueryClient());
+
   return (
     <>
       <DefaultSeo />
       <Analytics />
-      <Component {...pageProps} />
+      <QueryClientProvider client={queryClient}>
+        <Component {...pageProps} />
+      </QueryClientProvider>
     </>
   );
 }
diff --git a/src/pages/widget.tsx b/src/pages/widget.tsx
index 02366a31..0ce2cc16 100644
--- a/src/pages/widget.tsx
+++ b/src/pages/widget.tsx
@@ -7,11 +7,11 @@ import { apiURL, endpointOptions } from "@/lib/skip-go-widget";
 export default function WidgetPage() {
   const defaultRoute = useURLQueryParams();
   return (
-    <div className="relative bg-white p-6 scrollbar-hide">
-      <SwapWidgetProvider
-        endpointOptions={endpointOptions}
-        apiURL={apiURL}
-      >
+    <SwapWidgetProvider
+      endpointOptions={endpointOptions}
+      apiURL={apiURL}
+    >
+      <div className="relative bg-white p-6 scrollbar-hide">
         <SwapWidgetWithoutProviders
           className=""
           defaultRoute={{
@@ -27,7 +27,7 @@ export default function WidgetPage() {
           }}
           onlyTestnet={process.env.NEXT_PUBLIC_IS_TESTNET ? true : false}
         />
-      </SwapWidgetProvider>
-    </div>
+      </div>
+    </SwapWidgetProvider>
   );
 }