Full guide on react-query, NextJS and Typescript

 // pages/_app.tsx
import React from "react";
import type { AppProps } from "next/app";
import { QueryClient, QueryClientProvider } from "react-query";
function MyApp({ Component, pageProps }: AppProps) {
  const [queryClient] = React.useState(() => new QueryClient());
  return (
    // Provide the client to your App 
    <QueryClientProvider client={queryClient}>
      <Component {...pageProps} />
    </QueryClientProvider>
  );
}

export default MyApp;(code-box)

// pages/adasdsadasd;(code-box)

 

Hello world  this is amazing post this is `a code block` and this is also `code`

Major heading

This is a random `paragraph` containing some useful `information`.

Heading

This is a random `paragraph` containing some useful `information`.

Subheading

This is a random `paragraph` containing some useful `information`.

Minor Heading

This is a random `paragraph` containing some useful `information`.

Paragraph

Normal `this is normal div` 

`This is never ending `

This is `also new code bnlock`. Just run `npm install dev` to install something.(alert-warning)

This is `also new code bnlock`. Just run asdasdas  `npm install dev` to install something.(alert-success) 

This is `also new code bnlock`. Just run asd asd `npm install dev` to install something.(alert-passed) 

This is `also new code bnlock`. Just run `npm install dev` to install something.(alert-error)