Merge pull request #80 from skorphil/72-error-ui-state-if-fetching-error

fixed bug not receiving initial values
skorphil · Mar 12, 2024 · 7db4240 · 7db4240
2 parents bd0964d + 0a057a8
commit 7db4240
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/components/InstitutionsList/InstitutionsList.jsx b/components/InstitutionsList/InstitutionsList.jsx
@@ -29,7 +29,7 @@ function InstitutionsList({
       variant="grid"
       padding={isInstitutionOpen || 2}
     >
-      <TabPanels flexGrow={1} flexShrink={1} minH="200px">
+      <TabPanels flexGrow={1} flexShrink={1} h="200px">
         {institutions.map((institution, index) => (
           <TabPanel p={0} key={institution.id} h="100%">
             <InstitutionContainer

diff --git a/components/RecordForm/RecordForm.jsx b/components/RecordForm/RecordForm.jsx
@@ -7,7 +7,7 @@ Root element of the form
 import { useForm, FormProvider, useFieldArray } from "react-hook-form";
 import classes from "./RecordForm.module.css";
 import { Button, Progress, useToast } from "@chakra-ui/react";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 
 import { InstitutionsList } from "components/InstitutionsList";
 import { FormHeader } from "~/FormHeader";
@@ -22,13 +22,15 @@ export function RecordForm() {
   const [isInstitutionOpen, setIsInstitutionOpen] = useState(false);
   const [selectedInstitutionIndex, setSelectedInstitutionIndex] = useState(0);
   const [errorState, setErrorState] = useState(false);
+
   const router = useRouter();
   const arrayName = "institutions";
 
   const { control, ...form } = useForm({
     defaultValues: async () => {
       try {
-        await getLatestRecord();
+        const initialValues = await getLatestRecord();
+        return initialValues;
       } catch (error) {
         setErrorState(error.stack);
       }