Next.js + Strapi - Filters With React Query

ivandoric · Feb 1, 2021 · 4b4de81 · 4b4de81
1 parent 1787036
commit 4b4de81
Show file tree

Hide file tree

Showing 4 changed files with 411 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,6 +21,8 @@
     "prop-types": "^15.7.2",
     "react": "16.13.1",
     "react-dom": "16.13.1",
+    "react-query": "^3.6.0",
+    "react-select": "^4.0.2",
     "reflexbox": "^4.0.6"
   }
 }
diff --git a/pages/_app.js b/pages/_app.js
@@ -9,6 +9,9 @@ import ContextWrapper from 'components/ContextWrapper'
 import { appWithTranslation } from '../i18n'
 import Router from 'next/router'
 import { parseCookies  } from 'nookies'
+import {QueryClientProvider, QueryClient } from 'react-query'
+
+const queryClient = new QueryClient()
 
 
 import SEO from '../next-seo.config'
@@ -24,7 +27,9 @@ function MyApp({ Component, pageProps, navigation }) {
                 <ContextWrapper navigation={navigation}>
                     <Header />
                 </ContextWrapper>
-                <Component {...pageProps} />
+                <QueryClientProvider client={queryClient}>
+                    <Component {...pageProps} />
+                </QueryClientProvider>
             </ThemeProvider>
         </>
     )