@msflib/react-trainers

React Query helpers for the LMS trainers API.

Usage

import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { TrainersProvider, useTrainers } from '@msflib/react-trainers';

const queryClient = new QueryClient();

function App() {
  return (
    <QueryClientProvider client={queryClient}>
      <TrainersProvider>
        <Dashboard />
      </TrainersProvider>
    </QueryClientProvider>
  );
}

function Dashboard() {
  const { trainers, getTrainer, refetch } = useTrainers();

  return (
    <>
      <button onClick={() => refetch()}>Refresh</button>
      <button onClick={() => getTrainer(1)}>Load trainer</button>
      <pre>{JSON.stringify(trainers, null, 2)}</pre>
    </>
  );
}