@baseapp-frontend/provider v1.0.1

@baseapp-frontend/provider

Overview

This package includes provider of different kinds that have "use client" directive on top.

Installation

You can install the package via npm, yarn or pnpm:

npm install @baseapp-frontend/provider
# or
yarn add @baseapp-frontend/provider
# or
pnpm install @baseapp-frontend/provider

What is in here?

ReactQueryProvider

A React component that provides the QueryClient context to its children using React Query's QueryClientProvider.

Parameters

• children (ReactNode): React elements that will have access to the QueryClient context.
• config (optional): This object is used to provide additional configuration to the QueryClient. By default, it's an empty object {}. Check the React Query's QueryClient documentation for all available options.

Returns

• ReactQueryProvider: Wrapper component

Usage

import React from 'react'
import { ReactQueryProvider } from 'your-react-query-provider-path'
import YourComponent from './YourComponent'

const config = {
  defaultOptions: {
    queries: {
      refetchOnWindowFocus: false,
    },
  },
}

const App = ({children}) => (
  <ReactQueryProvider config={config}>
    {children}
  </ReactQueryProvider>
)

export default App