- {content}
-
- {CITATION}
+
+
+ {content}
+
+ {CITATION}
+
+
-
);
}
diff --git a/src/serverState/plotData.ts b/src/serverState/plotData.ts
index 31b7221..7ac0d02 100644
--- a/src/serverState/plotData.ts
+++ b/src/serverState/plotData.ts
@@ -24,6 +24,8 @@ const usePlotDataQuery = (
staleTime: Infinity,
// Don't retry failed requests; in this case there is no plot!
retry: false,
+ // Propagate all errors to the nearest error boundary
+ useErrorBoundary: true,
},
);
export default usePlotDataQuery;
diff --git a/src/serverState/regionShape.ts b/src/serverState/regionShape.ts
index d0cc536..513ede9 100644
--- a/src/serverState/regionShape.ts
+++ b/src/serverState/regionShape.ts
@@ -21,6 +21,8 @@ const useRegionShapeQuery = (regionShapeFilePath: string | undefined) => useQuer
// Never re-fetch this data!
cacheTime: Infinity,
staleTime: Infinity,
+ // Propagate all errors to the nearest error boundary
+ useErrorBoundary: true,
},
);
export default useRegionShapeQuery;
diff --git a/src/serverState/regionsIndex.ts b/src/serverState/regionsIndex.ts
index 46bb06a..8ac430a 100644
--- a/src/serverState/regionsIndex.ts
+++ b/src/serverState/regionsIndex.ts
@@ -21,6 +21,8 @@ const useRegionsIndexQuery = (
// Never re-fetch this data!
cacheTime: Infinity,
staleTime: Infinity,
+ // Propagate all errors to the nearest error boundary
+ useErrorBoundary: true,
}
);
}
diff --git a/src/serverState/variablesIndex.ts b/src/serverState/variablesIndex.ts
index 84114ab..55cb570 100644
--- a/src/serverState/variablesIndex.ts
+++ b/src/serverState/variablesIndex.ts
@@ -44,6 +44,8 @@ const useVariablesIndexQuery = (
// Never re-fetch this data!
cacheTime: Infinity,
staleTime: Infinity,
+ // Propagate all errors to the nearest error boundary
+ useErrorBoundary: true,
}
);
}
diff --git a/src/style/error.css b/src/style/error.css
new file mode 100644
index 0000000..7f703dd
--- /dev/null
+++ b/src/style/error.css
@@ -0,0 +1,14 @@
+.error {
+ margin: 10px;
+}
+
+.error-message {
+ font-family: monospace;
+ white-space: pre;
+
+ margin: 10px;
+ padding: 10px;
+
+ background-color: whitesmoke;
+ color: red;
+}