React Query

Overview | TanStack Query Docs

• npm i @tanstack/react-query
• for index.js

import {
  useQuery,
  useMutation,
  useQueryClient,
  QueryClient,
  QueryClientProvider,
} from "@tanstack/react-query";

const queryClient = new QueryClient();

<QueryClientProvider client={queryClient}>
      <UserContext>
        <App />
      </UserContext>
    </QueryClientProvider>

const { data: appointmentOptions = [] } = useQuery({
    queryKey: ["appointments"],
    queryFn: async () => {
      const res = await fetch("<http://localhost:5000/appointments>");
      const data = await res.json();
      return data;
    },
    // queryFn: () =>
    //   fetch("<http://localhost:5000/appointments>").then((res) => res.json()),
  });