authscape 1.0.325 → 1.0.326

package/index.js

@@ -150,21 +150,31 @@ function AutoSaveTextField(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     text = _useState2[0],
     setText = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isComponentMounted = _useState4[0],
+    setComponentMounted = _useState4[1];
   (0, _react.useEffect)(function () {
-    // Simulate saving text to a server or any storage mechanism
-    // In a real-world scenario, you would send a request to a server to save the text
-    // For this example, we'll just update the savedText state after 2 seconds
-    var saveTimeout = setTimeout(function () {
-      if (onChanged != null) {
-        onChanged(text);
-      }
-    }, timeout);
+    // Set the componentMounted flag to true after the initial render
+    setComponentMounted(true);
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (isComponentMounted) {
+      // Simulate saving text to a server or any storage mechanism
+      // In a real-world scenario, you would send a request to a server to save the text
+      // For this example, we'll just update the savedText state after 2 seconds
+      var saveTimeout = setTimeout(function () {
+        if (onChanged != null) {
+          onChanged(text);
+        }
+      }, timeout);
 
-    // Clean up the timeout to avoid unnecessary saves if the text changes again
-    return function () {
-      return clearTimeout(saveTimeout);
-    };
-  }, [text]);
+      // Clean up the timeout to avoid unnecessary saves if the text changes again
+      return function () {
+        return clearTimeout(saveTimeout);
+      };
+    }
+  }, [text, isComponentMounted]);
   var handleTextChange = function handleTextChange(event) {
     var newText = event.target.value;
     setText(newText);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.325",
+  "version": "1.0.326",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/AutoSaveTextField.js

@@ -3,21 +3,31 @@ import TextField from '@mui/material/TextField';
 
 export function AutoSaveTextField ({label = "", variant = "outlined", timeout = 2000, isMultiLine = false, rows = 1, fullWidth = false, onChanged = null}) {
   const [text, setText] = useState('');
+  const [isComponentMounted, setComponentMounted] = useState(false);
 
   useEffect(() => {
-    // Simulate saving text to a server or any storage mechanism
-    // In a real-world scenario, you would send a request to a server to save the text
-    // For this example, we'll just update the savedText state after 2 seconds
-    const saveTimeout = setTimeout(() => {
-      if (onChanged != null)
-      {
-        onChanged(text);
-      }
-    }, timeout);
+    // Set the componentMounted flag to true after the initial render
+    setComponentMounted(true);
+  }, []);
 
-    // Clean up the timeout to avoid unnecessary saves if the text changes again
-    return () => clearTimeout(saveTimeout);
-  }, [text]);
+  useEffect(() => {
+
+    if (isComponentMounted)
+    {
+        // Simulate saving text to a server or any storage mechanism
+        // In a real-world scenario, you would send a request to a server to save the text
+        // For this example, we'll just update the savedText state after 2 seconds
+        const saveTimeout = setTimeout(() => {
+        if (onChanged != null)
+        {
+            onChanged(text);
+        }
+        }, timeout);
+
+        // Clean up the timeout to avoid unnecessary saves if the text changes again
+        return () => clearTimeout(saveTimeout);
+    }
+  }, [text, isComponentMounted]);
 
   const handleTextChange = (event) => {
     const newText = event.target.value;