From 0a057a8328df78cfdf2513b076ff83c4d43da068 Mon Sep 17 00:00:00 2001
From: Philipp Rich <skorphil@gmail.com>
Date: Tue, 12 Mar 2024 15:05:52 +0400
Subject: [PATCH] fixed bug not receiving initial values

---
 components/InstitutionsList/InstitutionsList.jsx | 2 +-
 components/RecordForm/RecordForm.jsx             | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/InstitutionsList/InstitutionsList.jsx b/components/InstitutionsList/InstitutionsList.jsx
index 244264c..8238ea2 100644
--- 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
index 5945e13..136b1cf 100644
--- 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);
       }