Clean up hooks

[hendaoui]

Current behavior

React Native warning: An effect function must not return anything besides a function, which is used for clean -up...
AsyncStorage is working, but this warning is always fired on

Expected behavior

No warnings

Repro steps

  const [step, setStep] = useState(1);
  useEffect(() => {
    checkStep();
  }, []);

  const checkStep = async () => {
    try {
      await AsyncStorage.getItem('onBoardingDone').then(item => {
        if (item !== null) {
          setStep(3);
        }
      });
    } catch (error) {}
  };

  const finsishOnBoarding = () => {
    try {
      AsyncStorage.setItem('onBoardingDone', 'true').then(() => {
        setStep(2);
      });
    } catch (error) {}
  };

Environment

• Async Storage version: ^1.11.0
• React-Native version: 0.62.2
• Platform tested: Android

[nishit130]

@hendaoui check this answer on stack overflow hope it solves your problem

[krizzu]

I don't recommend to use Hook API for Async Storage for now - it needs to be revisited.