Function useLocalStorage

react-ui/src/hooks/useLocalStorage.ts:32–119

(
  key: string,
  initialValue: T,
  namespace = defaultNamespace,
  extend = false
)

  );

export default function useLocalStorage<T>(
  key: string,
  initialValue: T,
  namespace = defaultNamespace,
  extend = false
): [T, Dispatch<SetStateAction<T>>] {
  const [storedValue, setStoredValue] = useState(initialValue);
  // We will use this flag to trigger the reading from localStorage
  const [firstLoadDone, setFirstLoadDone] = useState(false);

  const prefixedKey = namespace + key;

  // Use an effect hook in order to prevent SSR inconsistencies and errors.
  // This will update the state with the value from the local storage after
  // the first initial value is applied.
  useEffect(() => {
    const fromLocal = () => {
      if (typeof window === "undefined") {
        return initialValue;
      }
      try {
        const item = window.localStorage.getItem(prefixedKey);
        return item
          ? extend
            ? ({ ...initialValue, ...JSON.parse(item) } as T)
            : (JSON.parse(item) as T)
          : initialValue;
      } catch (error) {
        console.error(error);
        return initialValue;
      }
    };

    // Set  the value from localStorage
    setStoredValue(fromLocal);
    // First load is done
    setFirstLoadDone(true);
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [initialValue, prefixedKey]);

  const setLocalValue = useCallback(
    (value: T) => {
      if (!firstLoadDone) {
        return;
      }

      try {
        if (typeof window !== "undefined") {
          window.localStorage.setItem(prefixedKey, JSON.stringify(value));
        }
      } catch (error) {
        console.log(error);
      }
    },
    [firstLoadDone, prefixedKey]
  );

  const setValue: Dispatch<SetStateAction<T>> = useCallback(