Started trying out reading Excel files

src/components/DemographicInformationInput.tsx

@@ -19,7 +19,7 @@ interface Props {
 export default function DemographicInformationInput({user, mutateUser}: Props) {
 	const [country, setCountry] = useState<string>();
 	const [phone, setPhone] = useState<string>();
-	const [passport_id, setPassportID] = useState<string>();
+	const [passport_id, setPassportID] = useState<string | undefined>(user.type === "student" ? user.demographicInformation?.passport_id : undefined);
 	const [gender, setGender] = useState<Gender>();
 	const [employment, setEmployment] = useState<EmploymentStatus>();
 	const [position, setPosition] = useState<string>();
@@ -87,6 +87,7 @@ export default function DemographicInformationInput({user, mutateUser}: Props) {
 						name="passport_id"
 						label="Passport/National ID"
 						onChange={(e) => setPassportID(e)}
+						value={passport_id}
 						placeholder="Enter National ID or Passport number"
 						required
 					/>