fix: preserve input-component format

dhis2 · Sep 27, 2022 · c0a8483 · c0a8483
1 parent f7852e1
commit c0a8483
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/data-workspace/data-entry-cell/inner-wrapper.js b/src/data-workspace/data-entry-cell/inner-wrapper.js
@@ -63,6 +63,9 @@ export function InnerWrapper({
         input: { value },
         meta: { invalid, active, data, dirty },
     } = useField(fieldname, {
+        // by default undefined is formatted to ''
+        // this preserves the format used in the input-component
+        format: (v) => v,
         subscription: {
             value: true,
             invalid: true,
@@ -75,13 +78,15 @@ export function InnerWrapper({
 
     // initalize lastSyncedValue
     useEffect(
-        () =>
+        () => {
             form.mutators.setFieldData(fieldname, {
                 lastSyncedValue: value,
-            }),
+            })
+        },
         // eslint-disable-next-line react-hooks/exhaustive-deps
         []
     )
+
     const synced = dirty && data.lastSyncedValue === value
     // Detect if this field is sending data
     const dataValueParams = useDataValueParams({ deId, cocId })