Results list route

src/App.tsx

@@ -8,25 +8,13 @@ import { FhirProvider } from "./components/fhir/FhirContext";
 function App() {
   return (
     <Layout>
-      <Routes>
-        <Route path="/" element={<FhirAuthoriser />} />
-        <Route
-          path="/new_report"
-          element={
-            <FhirProvider>
-              <NewReport />
-            </FhirProvider>
-          }
-        />
-        <Route
-          path="/results_list"
-          element={
-            <FhirProvider>
-              <Results />
-            </FhirProvider>
-          }
-        />
-      </Routes>
+      <FhirProvider>
+        <Routes>
+          <Route path="/" element={<FhirAuthoriser />} />
+          <Route path="/new_report" element={<NewReport />} />
+          <Route path="/results_list" element={<Results />} />
+        </Routes>
+      </FhirProvider>
     </Layout>
   );
 }

src/components/fhir/FhirContext.tsx

@@ -26,9 +26,17 @@ export const FhirProvider: FC<Props> = (props) => {
   useEffect(() => {
     if (!client) {
       SMART.ready()
-        .then((client) => setClient(client))
-        .catch((error) => setError(error))
-        .finally(() => console.debug("FHIR client ready"));
+        .then((client) => {
+          setClient(client);
+        })
+        .catch((error) => {
+          setError(error);
+          console.error(error);
+        })
+        .finally(() => {
+          console.debug("FHIR client ready");
+          setError(null);
+        });
     }
   }, []);