fix: useStorage outdated context value issue

affects: @medly-components/core, @medly-components/utils

Author: gmukul01

packages/core/src/components/SearchBox/SearchBox.tsx

@@ -71,12 +71,15 @@ const Component: FC<SearchBoxProps> = memo(
                 updateIsTyping(false);
                 onClear?.();
             }, []),
-            handleChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {
-                const { value } = event.target;
-                updateIsTyping(value.length !== 0);
-                setShowCloseIcon(value.length !== 0);
-                onInputChange?.(value);
-            }, []),
+            handleChange = useCallback(
+                (event: React.ChangeEvent<HTMLInputElement>) => {
+                    const { value } = event.target;
+                    updateIsTyping(value.length !== 0);
+                    setShowCloseIcon(value.length !== 0);
+                    onInputChange?.(value);
+                },
+                [onInputChange]
+            ),
             handleOptionClick = useCallback(
                 (option: Option) => {
                     if (inputRef.current) {

packages/utils/src/hooks/useStorage/useStorage.ts

@@ -50,7 +50,7 @@ export const useStorage = <T>(key: string, currOptions?: UseStorageOptions<T>):
         }
 
         try {
-            const newValue = value instanceof Function ? value(storedValue) : value;
+            const newValue = value instanceof Function ? value(readValue()) : value;
             storage.setItem(key, newValue);
             isMounted.current && setStoredValue(newValue);
             window.dispatchEvent(new Event(`local-storage-${key}`));