const [applyValues, setApplyValues] = useState<Partial<ApplyValues>>({
    userId: user?.uid,
    cardId: id,
    step: 0,
  });
 
  useEffect(() => {
    if (applyValues.step === 3) {
      localStorage.removeItem(storageKey);
      onSubmit({
        ...applyValues,
        appliedAt: new Date(),
        status: APPLY_STAUTS.READY,
      } as ApplyValues);
    } else {
      // console.log(applyValues);
      localStorage.setItem(storageKey, JSON.stringify(applyValues));
    }
  }, [applyValues, onSubmit, storageKey]);

const [applyValues, setApplyValues] =
  useState <
  Partial <
  ApplyValues >>
    (() => {
      const applied = localStorage.getItem(storageKey);
      if (applied == null) {
        return {
          userId: user?.uid,
          cardId: id,
          step: 0,
        };
      }
      return JSON.parse(applied);
    });