refactor(hooks): rewrite useLocalStorage hook

* return a tuple instead of an object
* add a validator function as parameter (if the stored value
is manually changed, it is not safe to cast its type)
* add tests

1 files changed, 6 insertions, 2 deletions

diff --git a/src/components/organisms/forms/ackee-toggle/ackee-toggle.tsx b/src/components/organisms/forms/ackee-toggle/ackee-toggle.tsx
index 8ada948..a9c172b 100644
--- a/src/components/organisms/forms/ackee-toggle/ackee-toggle.tsx
+++ b/src/components/organisms/forms/ackee-toggle/ackee-toggle.tsx
@@ -15,6 +15,9 @@ import {
   type TooltipProps,
 } from '../../../molecules';
 
+const validator = (value: unknown): value is AckeeOptions =>
+  value === 'full' || value === 'partial';
+
 export type AckeeToggleProps = Omit<
   SwitchProps,
   'isInline' | 'items' | 'name' | 'onSwitch' | 'value'
@@ -46,9 +49,10 @@ export const AckeeToggle: FC<AckeeToggleProps> = ({
   ...props
 }) => {
   const intl = useIntl();
-  const { value, setValue } = useLocalStorage<AckeeOptions>(
+  const [value, setValue] = useLocalStorage(
     storageKey,
-    defaultValue
+    defaultValue,
+    validator
   );
   const [isTooltipOpened, setIsTooltipOpened] = useState(false);