@etsoo/react 1.2.59 → 1.2.60

package/lib/mu/MaskInput.js

@@ -16,6 +16,7 @@ export function MaskInput(props) {
         : MUGlobal.inputFieldVariant, ...rest } = props;
     const { ref, maskRef } = useIMask(mask);
     const localValue = (_a = defaultValue !== null && defaultValue !== void 0 ? defaultValue : value) !== null && _a !== void 0 ? _a : '';
+    const maskObj = maskRef.current;
     // Shrink
     InputLabelProps.shrink = search
         ? MUGlobal.searchFieldShrink
@@ -25,8 +26,9 @@ export function MaskInput(props) {
         InputProps.readOnly = readOnly;
     InputProps.inputRef = ref;
     React.useEffect(() => {
-        maskRef.current.value = String(localValue);
-    }, [localValue]);
+        if (maskObj != null)
+            maskObj.value = String(localValue);
+    }, [maskObj, localValue]);
     // Layout
     return (React.createElement(TextField, { InputLabelProps: InputLabelProps, InputProps: InputProps, size: size, variant: variant, ...rest }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.2.59",
+    "version": "1.2.60",
     "description": "TypeScript ReactJs framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",

package/src/mu/MaskInput.tsx

@@ -48,6 +48,7 @@ export function MaskInput(props: MaskInputProps) {
 
     const { ref, maskRef } = useIMask(mask);
     const localValue = defaultValue ?? value ?? '';
+    const maskObj = maskRef.current;
 
     // Shrink
     InputLabelProps.shrink = search
@@ -59,8 +60,8 @@ export function MaskInput(props: MaskInputProps) {
     InputProps.inputRef = ref;
 
     React.useEffect(() => {
-        maskRef.current.value = String(localValue);
-    }, [localValue]);
+        if (maskObj != null) maskObj.value = String(localValue);
+    }, [maskObj, localValue]);
 
     // Layout
     return (