Merge pull request #9 from murageh/refactor#strict-typing

Refactor#strict typing

README.md

@@ -163,7 +163,7 @@ const MyFormComponent = () => {
             validate={values => {
                 const errors = {};
                 if (values.name.length < 1) {
-                    errors.token = 'Enter a name.';
+                    errors.name = 'Enter a name.';
                 }
                 return errors;
             }}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crispice/save-progress",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "description": "A React hook to save progress in a form, or any other scenario, and restore it when the user returns to the form. It uses localStorage to save the progress.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

src/hooks/saveProgress/useProgress.ts

@@ -42,17 +42,26 @@ function useProgress<T extends {}>({
                                        clearFunction,
                                        forceLocalActions = false
                                    }: useProgressProps<T>) {
+    const [initialized, setInitialized] = React.useState(false);
     const [values, setValues] = React.useState(initialValues);
 
     React.useEffect(() => {
         if (typeof window !== 'undefined') {
             const saved = (storage ?? window.localStorage).getItem(key);
-            const initialValue: T = JSON.parse(saved!);
+            let initialValue: T;
+            try {
+                initialValue = JSON.parse(saved!);
+            } catch (e) {
+                initialValue = {} as T;
+            }
             setValues(initialValue || initialValues || {} as T);
+            saveValues(values);
+            setInitialized(true);
         }
     }, []);
 
     React.useEffect(() => {
+        if (!initialized) return;
         saveValues(values);
     }, [values]);