Skip to content

@msflib/react-students

React Query helpers for the LMS students API.

Usage

import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { StudentsProvider, useStudents } from '@msflib/react-students';

const queryClient = new QueryClient();

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

function Dashboard() {
  const { students, getStudent, refetch } = useStudents();

  return (
    <>
      <button onClick={() => refetch()}>Refresh</button>
      <button onClick={() => getStudent(1)}>Load student</button>
      <pre>{JSON.stringify(students, null, 2)}</pre>
    </>
  );
}