Use suspense / error boundary

This commit is contained in:
Adrian Rumpold
2025-05-22 08:13:43 +02:00
parent 7ccaa531e1
commit 0335e0cedb
6 changed files with 72 additions and 25 deletions

View File

@@ -1,13 +1,13 @@
import { useQuery } from "@tanstack/react-query";
import { useSuspenseQuery } from "@tanstack/react-query";
import { fetchCitations, fetchDefinitions } from "../lib/nist-api";
const useGlossary = () => {
const definitionsQuery = useQuery({
const definitionsQuery = useSuspenseQuery({
queryKey: ["definitions"],
queryFn: fetchDefinitions,
staleTime: 1000 * 60 * 60, // 1 hour
});
const citationsQuery = useQuery({
const citationsQuery = useSuspenseQuery({
queryKey: ["citations"],
queryFn: fetchCitations,
staleTime: 1000 * 60 * 60, // 1 hour
@@ -16,8 +16,6 @@ const useGlossary = () => {
return {
glossary: definitionsQuery.data,
citations: citationsQuery.data,
isLoading: definitionsQuery.isLoading || citationsQuery.isLoading,
isError: definitionsQuery.isError || citationsQuery.isError,
};
};