fix: make SelectParentWidget clear properly

bcgov · Apr 27, 2022 · 32180f8 · 32180f8
1 parent bd49797
commit 32180f8
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/app/lib/theme/widgets/SelectParentWidget.tsx b/app/lib/theme/widgets/SelectParentWidget.tsx
@@ -1,5 +1,5 @@
 import Dropdown from "@button-inc/bcgov-theme/Dropdown";
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { WidgetProps } from "@rjsf/core";
 
 export interface EntitySchema {
@@ -27,11 +27,14 @@ const SelectParentWidget: React.FunctionComponent<
   child,
   foreignKey,
 }) => {
-  const parentValue = child.list.find((opt) => opt.rowId == parseInt(value))?.[
-    foreignKey
-  ];
+  const parentValue =
+    child.list.find((opt) => opt.rowId == parseInt(value))?.[foreignKey] || "";
   const [selectedParentId, setSelectedParentId] = useState(parentValue);
 
+  useEffect(() => {
+    setSelectedParentId(parentValue);
+  }, [parentValue]);
+
   const onParentChange = (val) => {
     setSelectedParentId(parseInt(val));
     if (!parseInt(val)) onChange(undefined);