From 1648db08cd406d5036791b71c23b65e0c6677bc6 Mon Sep 17 00:00:00 2001
From: Ostap Piatkovskyi <44294945+ost-ptk@users.noreply.github.com>
Date: Mon, 9 Dec 2024 23:31:04 +0200
Subject: [PATCH] Add QueryClientProvider to key application components (#1096)

---
 src/apps/import-account-with-file/index.tsx | 10 +++++++---
 src/apps/signature-request/index.tsx        | 10 +++++++---
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/apps/import-account-with-file/index.tsx b/src/apps/import-account-with-file/index.tsx
index eeb5ef3f0..429a5be1e 100644
--- a/src/apps/import-account-with-file/index.tsx
+++ b/src/apps/import-account-with-file/index.tsx
@@ -1,3 +1,4 @@
+import { QueryClientProvider } from '@tanstack/react-query';
 import React, { Suspense, useState } from 'react';
 import { createRoot } from 'react-dom/client';
 import { Provider as ReduxProvider } from 'react-redux';
@@ -18,6 +19,7 @@ import { useSystemThemeDetector } from '@hooks/use-system-theme-detector';
 
 import '@libs/i18n/i18n';
 import { ErrorBoundary } from '@libs/layout';
+import { newQueryClient } from '@libs/services/query-client';
 import { GlobalStyle, darkTheme, lightTheme } from '@libs/ui';
 
 import { AppRouter } from './app-router';
@@ -57,9 +59,11 @@ const Tree = () => {
       <ThemeProvider theme={isDarkMode ? darkTheme : lightTheme}>
         <GlobalStyle />
         <ReduxProvider store={store}>
-          <ErrorBoundary>
-            <AppRouter />
-          </ErrorBoundary>
+          <QueryClientProvider client={newQueryClient}>
+            <ErrorBoundary>
+              <AppRouter />
+            </ErrorBoundary>
+          </QueryClientProvider>
         </ReduxProvider>
       </ThemeProvider>
     </Suspense>
diff --git a/src/apps/signature-request/index.tsx b/src/apps/signature-request/index.tsx
index 2b9250d15..62cf43214 100644
--- a/src/apps/signature-request/index.tsx
+++ b/src/apps/signature-request/index.tsx
@@ -1,3 +1,4 @@
+import { QueryClientProvider } from '@tanstack/react-query';
 import React, { Suspense, useState } from 'react';
 import { createRoot } from 'react-dom/client';
 import { Provider as ReduxProvider } from 'react-redux/es/exports';
@@ -18,6 +19,7 @@ import { useSystemThemeDetector } from '@hooks/use-system-theme-detector';
 
 import '@libs/i18n/i18n';
 import { ErrorBoundary } from '@libs/layout';
+import { newQueryClient } from '@libs/services/query-client';
 import { GlobalStyle, darkTheme, lightTheme } from '@libs/ui';
 
 import { AppRouter } from './app-router';
@@ -59,9 +61,11 @@ const Tree = () => {
       <ThemeProvider theme={isDarkMode ? darkTheme : lightTheme}>
         <GlobalStyle />
         <ReduxProvider store={store}>
-          <ErrorBoundary>
-            <AppRouter />
-          </ErrorBoundary>
+          <QueryClientProvider client={newQueryClient}>
+            <ErrorBoundary>
+              <AppRouter />
+            </ErrorBoundary>
+          </QueryClientProvider>
         </ReduxProvider>
       </ThemeProvider>
     </Suspense>